Question

我正在尝试从ajax请求向Tablesaw表添加一列。目前我有php设置为th和td返回“”（空 - 预期结果是不显示列），如果没有设置登录会话。如果设置了会话，那么我将分别为th和td返回以下内容。

<th class='col-md-1'>DB Actions</th>
-----
<td>
    <div class='btn-group btn-block'>
        <button type='button' class='btn btn-sm btn-success'>Actions</button>
        <button type='button' class='btn btn-sm btn-success dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'> <span class='caret'></span> </button>
        <ul class='dropdown-menu' id='dbActions'>
            <li><a target='_blank' href='updateDB.html'>UPDATE Stop</a>
            </li>
            <li><a onclick='savePOV()'>SAVE POV to DB</a>
            </li>
        </ul>
    </div>
</td>

我正在使用以下代码添加th和td（请原谅我们 - 假设html成功的ajax请求返回的数据）：

// Insert a column/header after the first
$('#table2 > thead > tr:nth-child(1)').children(':eq(0)').after("<th class='col-md-1'>DB Actions</th>");

// Insert data (button) into second column
$('#table2 > tbody > tr:nth-child(1)').children(':eq(0)').after("<td><div class='btn-group btn-block'>      <button type='button' class='btn btn-sm btn-success'>Actions</button>       <button type='button' class='btn btn-sm btn-success dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>         <span class='caret'></span>     </button>       <ul class='dropdown-menu' id='dbActions2'>          <li><a>UPDATE Stop</a></li>         <li><a>SAVE POV to DB</a></li>      </ul>   </div></td>");

这有效，但有一些问题：

该列标题的标题无法正常运行（不会 show）在移动屏幕尺寸中查看时（请参阅demo of tablesaw plugin与当前结果（下图）。
我尝试过使用this SO question中的解决方案，但没有改变。
分割按钮功能对插入的列不起作用（我假设这个可以通过重新绑定来修复分裂按钮到所需的操作）。
登录/退出状态更改时，我无法再次更新表格。如果它是一个内部有th或td的div，我可以打电话 div由id和基于状态改变内部html，但我不要以为我能做到。
如果有更好的方法来添加列，或者根据需要更新该列的内容，请告诉我！ :)
- 有一种方法通过插入th和td（带id）按需刷新内容在HTML内部并隐藏它们。准备好后，您可以通过id获取th / td 并将它的html更改为ajax的响应，然后显示th和 td ......但我不确定这是不是一个很好的方法。

当前结果：

所需结果（以及分组按钮工作）

出于某种原因，JSFiddle没有在普通视图中加粗标题，也没有在移动视图中显示任何标题（尽管它确实显示在我的计算机上），Bootply显示的位置标题，但似乎根本没有录制Tablesaw jQuery插件！

Filamentgroup的Tablesaw jQuery插件刷新ajax调用并显示Headers

0 个答案: