Question

您好我在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显然为空。

提前致谢。

Answer 1

您返回NULL值的原因是因为jQuery数据表无法找到您的表格。

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

＆＃13;

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

＆＃13;

Answer 2

是的，您需要在HTML中定义表格：

<table id="example">

然后：

var table = $('#example').dataTable();
oSettings = table.fnSettings();

if(oSettings != null) {
   table.fnDraw();
}//if

JQuery更改数据表的属性

2 个答案: