我正在尝试使用jQuery将li元素插入到ul元素的特定索引中.我似乎只能在列表的末尾插入一个元素.我是jQuery的新手,所以我可能没有正确思考.
我创建的DEFAULTajax datatable,有时在表的末尾由json填充哪些行:jsfiddle,有时在表的顶部.这取决于ajax响应的时间.
推荐输出
我有两个来自两个不同来源的输入jsons,输出是这个表:
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
...
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
<tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
<tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
<tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
...
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)
来自2. json的行插入表(从1.json创建)到特定位置.这个位置是常数,长度为1和2. json数据是常数.
第一个解决方案
我必须添加包含数字的第一列,并按顺序对数据表进行排序 - jsfiddle.我可以隐藏第一列jsfiddle,但我更喜欢使用自定义函数,因为它在IE8中不起作用.
var t = $("#tab1").DataTable({
"ajax": "data1.json",
columnDefs: [
{ className: "hide", "targets": [ 0 ] },
],
"columns": [
{ "data": "id"},
{ "data": "cat1"},
{ "data": "cat2"},
{ "data": "cat3"} …Run Code Online (Sandbox Code Playgroud) 我正在使用JavaScript库DataTables来显示数据.
我希望能够重新排序行.我看到有一个名为RowReorder的扩展程序,但它看起来很糟糕,因为即使在线发现的示例也没有对行重新排序(至少在撰写本文时最新版本的Chrome).即使它有效,我也不喜欢这种解决方案,因为您不能清楚地重新排序行.
所以我想实现如下图像:
我在网上找到了几个链接要求,但似乎没有人可以使它正常工作.
我的数据源是一个简单的数组.还没有阿贾克斯.我想开始简单.
这是你之前做过的事吗?关于如何开始构建该功能的任何方向?
DataTable被定义为
var oTable = $('#table1').dataTable({
'aaData': [
['John', 'ABC', '$90000'], ['Doe', 'XYZ', '$100000'], ['Alan', 'PQR', '$110000']
],
'aoColumns': [
{'sTitle': 'Name'}, {'sTitle': 'Company'}, {'sTitle': 'Salary'}
]
});
Run Code Online (Sandbox Code Playgroud)
空行添加为
oTable.fnAddData([' ', ' ', ' ']);
Run Code Online (Sandbox Code Playgroud)
但是,这会增加表格的底部。有没有一种方法可以在所选行的正下方/正上方添加。