相关疑难解决方法(0)

jQuery insertAt

我正在尝试使用jQuery将li元素插入到ul元素的特定索引中.我似乎只能在列表的末尾插入一个元素.我是jQuery的新手,所以我可能没有正确思考.

jquery

31
推荐指数
3
解决办法
3万
查看次数

将新行放在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 jquery datatables

8
推荐指数
2
解决办法
4944
查看次数

如何在DataTable中上下移动一行?

我正在使用JavaScript库DataTables来显示数据.

我希望能够重新排序行.我看到有一个名为RowReorder的扩展程序,但它看起来很糟糕,因为即使在线发现的示例也没有对行重新排序(至少在撰写本文时最新版本的Chrome).即使它有效,我也不喜欢这种解决方案,因为您不能清楚地重新排序行.

所以我想实现如下图像:

DataTable重新排序

我在网上找到了几个链接要求,但似乎没有人可以使它正常工作.

我的数据源是一个简单的数组.还没有阿贾克斯.我想开始简单.

这是你之前做过的事吗?关于如何开始构建该功能的任何方向?

javascript jquery datatables

3
推荐指数
1
解决办法
7536
查看次数

在jQuery dataTables中的所选行之后添加一行

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(['&nbsp;', '&nbsp;', '&nbsp;']);
Run Code Online (Sandbox Code Playgroud)

但是,这会增加表格的底部。有没有一种方法可以在所选行的正下方/正上方添加。

jquery datatables jquery-datatables

2
推荐指数
1
解决办法
5661
查看次数