Question

我在使用tablesorter jquery插件时遇到了一些麻烦。问题是我有一个视图，当单击提交按钮时，根据表单的搜索，将加载包含数据库信息的表。此表仅在单击“搜索”按钮时显示，并不总是显示相同的信息。我曾尝试使用tablesorter jquery插件，但它似乎没有用。我在打电话：

 <input type="submit" class="btn btn-primary" value="search" name="send">

然后是下表。

当我按下此按钮时，表格显示在页面底部，按钮正在提交一个表格，您可以在其中输入所需信息，然后使用此信息进行搜索，表格显示结果搜索：

<thead>
                <tr>
                    <th  style="text-align:center">Code</th>
                    <th  style="text-align:center">Name</th>
                    <th  style="text-align:center">Description</th>
                </tr>    
            </thead>

            <?php foreach ($elements as $element) { ?>
            <tbody> 
                <tr>
                        <td><?php echo $element->fabr?></td>
                        <?php if (count($element->place) > 0) { ?>
                                <td>
                                <?php foreach ($element->place as $pl) { ?>
                                    <?php echo $pl['name'] ?><br>
                                <?php } ?>
                                </td>
                                <td>
                                <?php foreach ($element->place as $pl) { ?>
                                    <?php echo $pl['number'] ?><br>
                                <?php } ?>
                                </td>
                            <?php } else { ?>
                            <td></td>
                            <td></td>
                            <?php } ?>                           
                </tr>
            <?php } ?>
            </tbody> 
    </table>

我的表格如下：

{{1}}

我真的不知道如何使用它或如何使它工作。

Answer 1

告诉tablesorter在加载文档时对表进行排序：

import R from 'ramda'
let arr = [{a: 1}, {a: 2}, {a: 3}]
let aLens = R.compose(R.lensIndex(0), R.lensPath('a'))
let result = R.set(aLens, 6, arr)

点击标题，您就会看到您的表格现在可以排序。（这只有在表本身不被直接操作或覆盖时才有效）

http://tablesorter.com/docs/#Demo

Answer 2

听起来你需要移动点击时触发的脚本。

如果您希望在点击之前加载它，可以使用：

https://jsfiddle.net/MaXiNoM/4ggnL81h/

$q.all

如果你想让表空白然后传递null params，这将允许你加载一个空白表。它听起来是一个onclick触发的调用，也就是在渲染和填充表时。您可以尝试直接从那里接听电话并将其放入您的onload中。

对页面加载后的提交按钮时显示的表进行排序

2 个答案: