j-editable-table嵌套表格

j-editable-table是一个基于jQuery的可编辑表格插件，它可以方便地将普通的HTML表格转换为可编辑的表格，支持行内编辑、单元格编辑和弹出框编辑等多种编辑方式。

如果需要在j-editable-table中嵌套表格，可以通过在单元格中使用div等标签来实现。例如：

<table id="table">
  <thead>
    <tr>
      <th>名称</th>
      <th>数量</th>
      <th>价格</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品1</td>
      <td>1</td>
      <td>10.00</td>
      <td>
        <div>
          <table>
            <thead>
              <tr>
                <th>属性</th>
                <th>值</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>颜色</td>
                <td>红色</td>
              </tr>
              <tr>
                <td>尺码</td>
                <td>XL</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
    <tr>
      <td>商品2</td>
      <td>2</td>
      <td>20.00</td>
      <td>
        <div>
          <table>
            <thead>
              <tr>
                <th>属性</th>
                <th>值</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>颜色</td>
                <td>蓝色</td>
              </tr>
              <tr>
                <td>尺码</td>
                <td>L</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
</table>

需要注意的是，在嵌套表格中使用j-editable-table时，需要对内层表格进行初始化，否则可能会出现无法编辑的问题。可以在j-editable-table的初始化函数中加入内层表格的初始化代码，例如：

$(document).ready(function() {
  $('#table').editableTable({
    ...
    // 在初始化函数中对内层表格进行初始化
    onCellEdit: function(field, rowId, colId, oldValue, newValue) {
      var $table = $(field).find('table');
      $table.editableTable();
    }
  });
});