我有一个包含多个包含数据的表格的页面。
我有一个简单的脚本来展开/折叠我的表格..
$(document).ready(function () {
$('th').click(function () {
$(this).closest('thead').next('tbody').find('tr').toggle();
});
});
..工作正常。
Fiddle
我的问题是,如何在页面呈现时默认最小化表格?
注意:我想节省资源(优化),因为这些表确实包含大量数据。
提前致谢。
最佳答案
使用 CSS 更好。
CSS
table tbody tr {
display: none;
}
但是您可以通过编程方式触发点击事件。
jQuery
$('th').click(function () {
$(this).closest('thead').next('tbody').find('tr').toggle();
}).click(); //Just called click handler here
关于jquery - 加载默认最小化表格的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24244759/