gpt4 book ai didi

javascript - JQuery 更改数据表的属性

转载 作者:行者123 更新时间:2023-12-03 09:33:36 27 4
gpt4 key购买 nike

您好,我在 JQuery 中创建了一个数据表,如图所示。

<html>
<head>
<link rel="stylesheet" href="ui/jquery-ui.min.css">
<script src="ui/external/jquery/jquery.js"></script>
<script src="ui/jquery-ui.min.js"></script>
<script src="DataTables-1.10.7/media/js/jquery.js"></script>
<script src="DataTables-1.10.7/media/js/jquery.dataTables.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
var table = $('#example').dataTable( {
scrollY: 300,
paging: false
});
var settings = table.fnSettings();
console.log(settings)
});
</script>
</body>
</html>

我正在尝试修改属性scrollY以具有不同的值,例如400。我想在初始化后执行此操作。但是,变量 settings 显然为 null。

提前致谢。

最佳答案

您被退回的原因 NULL值是因为 jQuery 数据表找不到您的表。

您需要根据要显示的数据,在 javascript 之上相应地在页面上定义表格 HTML。它需要遵循以下格式(包括 <thead><tbody> 标签。

<table id="example">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function() {
var table = $('#example').dataTable( {
scrollY: 300,
paging: false
});
var settings = table.fnSettings();
alert(settings)
});
</script>

演示:http://jsfiddle.net/wynrj8vh/

此外,根据 documentation ,您需要将字符串值传递给ScrollY:

$('#example').dataTable( {
"scrollY": "200px"
} );

关于javascript - JQuery 更改数据表的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31411118/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com