1、HTML中定义的表格
<table class="table table-border table-bordered table-bg table-hover table-sort">
<thead>
<tr class="text-c">
<th></th>
<th>ID</th>
<th>图标名称</th>
<th>图标样式</th>
<th>图标值</th>
<th>图标类型</th>
</tr>
</thead>
<tbody οnclick="getTableContent()">
<s:iterator value="#iconList" var="q">
<tr class="text-c">
<td><input type="checkbox" value="${q.id }" name="id"></td>
<td>${q.id }</td>
<td class="text-l">
<u style="cursor:pointer"
class="text-primary"
onClick="article_edit('授课列表','article-list.html','10001')" title="授课列表">${q.name }</u>
</td>
<td><i class="Hui-iconfont">&${q.value };</i></td>
<td id="icon_val">${q.value }</td>
<td>${q.type }</td>
</tr>
</s:iterator>
</tbody>
</table>
2、渲染一个table对象
var table = $('.table-sort').dataTable({
"aaSorting": [[ 1, "desc" ]],//默认第几个排序
"bStateSave": true,//状态保存
"aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable":true,"aTargets":[1,5]}// 不参与排序的列
]
});
3、获得单机事件的行的内容
function getTableContent() {
var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr
for ( var i = 0; i < nTrs.length; i++) {
// if($(nTrs[i]).hasClass('selected')){//相当于$(tr)
var t = table.fnGetData(nTrs[i]);
alert(t[4]);//获取一行第4列数据
// }
}
}