<div>// this represent container of th as div <div> // row <div>div header</div> //data </div> </div> <div> <table> <tbody> <tr> <td>data has to match</td> </tr> </tbody> </table> </div>
jsfiddle
$(cont).find('.fixedheaderHolder').children('div').each(function(){ let height = $(cont).find('table thead tr th[data-column-index='+$(this).attr('data-column-index')+']').outerHeight(); $(cont).find('table thead tr th[data-column-index='+$(this).attr('data-column-index')+']').outerWidth(); let width = $(cont).find('table thead tr th').eq($(this).attr('data-column-index')).outerWidth(); console.log(width) console.log(height) $(this).append($('<div></div>').html(' ').addClass('resizeHandler')); $(this).css({ 'width': height+'px', 'height': width+'px' }) });
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)