Question

我希望操纵一个表的显示（使用JQuery和一个表插件 - 比如说DataTables），这样就可以显示一个单独的行，而不是每个＆＃34;字段＆＃34; （列）在画布上有自己的格式和位置（客户端希望每行的表输出看起来有点像他们所结合的Access表单视图）。

A＆＃34;适当＆＃34;数据库有点过分，因为这只是一个没有搜索/过滤器的交互性的平面表，限制为5/6列，行数不超过100-200。

不是很珍贵，但想使用DataTables，以便我可以使用搜索和分页功能。

不知道从哪里开始布局请求......

任何指针都很受欢迎。

干杯格伦

Answer 1

使用表格，如下所示，使用td

添加下一个输入

<div class="table-responsive">
    <label for="hr ">SKILLS:</label>
    <table class="table table-bordered" id="dynamic_field">
        <tr>
            <span class="form-group" id="appendBefore"></span>
            <td><input class="skill" type="text" name="skills[]" placeholder="Enter skill" class="form-control name_list" /></td>
            <td><select name="experience[]">
                                          <option value="">select</option>
                        <option value="fresher">fresher</option>
                        <option value="0-1">0-1</option>
                        <option value="2-3">2-3</option>
                        <option value="2-4">2-4</option>
                        <option value="3-4">3-4</option>
                        <option value="3-5">3-5</option>
                        <option value="0-5">0-5</option>
                        <option value="2-5">2-5</option>

                                         </select></td>

            <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>
        </tr>
        <tr>
            <!-- add next input item into td -->
            <td>input item</td>
        </tr>
    </table>

</div>

这是一个可能对您有帮助的演示：https://jsfiddle.net/tn8v2p78/1/

上述解决方案并不完全符合您的需求，但会对您有所帮助（希望）。

使用JQuery自定义表格布局

1 个答案: