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

0x710

于 2015-08-04 21:18:03 发布

阅读量2.9k

点赞数

分类专栏：其他文章标签： TableSorter filter bootstrap

本文链接：https://blog.youkuaiyun.com/iluckyning/article/details/47282773

版权

其他专栏收录该内容

5 篇文章

订阅专栏

需要对动态生成的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>