如何使用JQuery Datatables以两行而不是默认的一行显示数据？

使用datatable，我能够在一行中显示所有必需的信息。 由于空间限制，我希望在同一行的另一列（名称）下显示其中一列（注释）

当前：

第1行第1列|第1行第2列|第1行第3列

---

第2行第1列|第2行第2列|第2行第3列

---

第3行第1列|第3行第2列|第3行第3列

---

必填项：

第1行第1列|第1行第2列

第1行第3列|

---

第2行第1列|第2行第2列

第2行第3列|

---

第3行第1列|第3行第2列

第3行第3列|

---

代码

HTML:

斯诺
名称
标价
账单价格
数量
全部的
定制

使用colspan可以拆分td，使用宽度可以对齐表格

 <table width="100%">
    <tr><td width="50%">td1</td><td width="50%">td2</td>
    <td colspan="2">td1&2</td></tr>
    </table>

td1td2
td1和TD2

谢谢@Beetroot

---

我已经设法调整了我的后端服务，以适当地进行渲染，而不是通过JavaScript找到一种方法-因为解决方案似乎很复杂，而且要求更高，以使其在所有浏览器中都能工作

OK，这就是您的表结构，现在JavaScript在哪里？我已经在上面放置了相关的datatables代码。。请让我知道，如果你需要更多的信息，两行从一个可能会给问题，如果表排序；您需要采取巧妙的措施来保持每一行对在一起。将每一行保持为一行会容易得多，例如，在每一行的第一个表单元格中使用

column1String
column3String

。这可以在服务器端实现，或者通过客户端处理行，例如

fnDrawCallback

或

fnRowCallback

。感谢@Beetroot Beetroot，我已经设法调整了我的服务，以适当地呈现，而不是通过JavaScript找到一种方法-因为解决方案似乎很复杂，而且要求更高，以使其在所有浏览器中工作，是的，虽然我是一个客户端人员，但这正是我要做的。我如何将此应用于数据表？（Datatable jquery插件）这是专门询问关于

Datatable

的问题，您的解决方案肯定不起作用，但正确答案可能在这里找到：

<table id="dishtable" class="display">
    <thead>
        <tr>
            <th class="sno">SNo</th>
            <th class="d_name">Name</th>
            <th>List-Price</th>
            <th>Bill-Price</th>
            <th>Qty</th>
            <!-- <th>State</th>  -->
            <th>Total</th>
            <th>Customizations</th>
            <th width=16px height=16px></th>
            <th width=16px height=16px></th>
            <th class="rowId"></th>
        </tr>

    </thead>
    <tbody>
    </tbody>
    </table>

 <table width="100%">
    <tr><td width="50%">td1</td><td width="50%">td2</td>
    <td colspan="2">td1&2</td></tr>
    </table>