当前位置: 首页 > 工具软件 > Table-dragger > 使用案例 >

tablesorter对于动态生成的table无法使用解决办法

傅博容
2023-12-01
 需要对动态生成的table增加搜索功能,发现tablesorter正好满足需求,但动态生成table tbody时,无法使用,发现一个笨办法,
在生成table之前,先写一个静态的<tr></tr>,问题即可解决

<script>
$(document).ready(function(){
     render_table(){};
     $("#myTable").tablesorter({
        "theme": "blue",
        "headers": {
                0:{"sorter": false, "filter": false}, 
        "sortList": [[1,0]],
        widgets: [ "zebra", "resizable", 'filter'],
    });
});
</script>

<html>
	<table id="myTable" class="tablesorter table">
		<thead>
			<tr>
				<th>ID</th>
				<th>Domain</th>
			</tr>
		</thead>
		<tbody>
			<tr style="display: none"><td>..<td><td>...</td></tr>
		</tbody>
	</table>
</html>





 类似资料: