Question

JQuery DataTable 如何用js调用

$('#example').dataTable( {
"aLengthMenu": [10],
"iDisplayLength": 10,
"sDom": 'lrtip',
"bProcessing": true,
"sAjaxSource": "./styles/custom_prop.txt",
"sAjaxDataProp": "demo",
"bPaginate": true,
"bScrollCollapse":false,
"bSort": false

} );

<div id="container" >
<div id="demo">
<table border="0" cellpadding="0" cellspacing="0" class="display" id="example" >
<thead>
<tr>
<th width="19%">费用项目名称</th>
<th width="7%">归类</th>
<th width="11%">单价（元）</th>
<th width="9%">数量</th>
<th width="9%">单位</th>
<th width="10%">合计</th>
</tr>
</thead>
</table>
<br>
<br>
<br>
</div>
</div>

以上两段 是html里调用插件方法，1是插件开关设置。2是table内容。如何 改写为js 。语法不太懂。请高手转换下

Answer 1

你说的js指的是原生javascript么，估计够呛吧
DataTable是一个基于jquery的扩展控件，就是说他是在jquery的基础上进行扩展的，用这个首先得引用jquery

追问

我的意思是在.js文件里 调用 JQuery插件。 范例是HTML调用的。 我们要用到的方法是在.js文件里去调用插件。 语法不太会转，插件会用。HTML有范例自然没问题，没学过JQurey。不知道上面那段话 如何用.js文件调用-0- 比如html在ready里调用插件开关。js就是一个 function

追答

$('#example').dataTable( {
     "aLengthMenu": [10],
     "iDisplayLength": 10,     
     "sDom": 'lrtip',
     "bProcessing": true,
     "sAjaxSource": "./styles/custom_prop.txt",
     "sAjaxDataProp": "demo",
     "bPaginate": true,
     "bScrollCollapse":false,
     "bSort": false      
      
    } );

这么写就行啊，example是容器。{}是配置，需要改啥去看api就行，需要执行的时候写上面这个就行了啊