如何使某些列可编辑，但某些列不在引导表中

Question

我有一个web应用程序，前端有一个引导表，它的数据由Django rest框架呈现。由于数据是使用数据字段呈现的，所以它只有表头，没有表列。

我想使某些列可编辑，但有些列不可编辑，但无法编辑。contenteditable='true'/'false'标志在列级别不起作用。如何使某些列可编辑，但某些列不可编辑

            <table  contenteditable='true' class="table table-bordered table-sm" width="100%" cellspacing="0" style="font-size: 1.0rem;"
               id="bk-table"
               data-toggle="table"
               data-toolbar="#toolbar"
               data-cookie="true"
               data-cookie-id-table="materialId"
               data-show-columns="true"
               data-show-refresh="true"
               data-show-fullscreen="true"
               data-height="650"
               data-click-to-select="true"
               data-id-field="id"
               data-show-footer="true"
               data-url="/api/materials/"
               data-query-params="queryParams"
               data-remember-order="true"
               data-pagination="true"
               data-side-pagination="client"
               data-total-field="count"
               data-data-field="results">
            <thead class="thead-dark" >
            <tr contenteditable='true'>
                <th data-field="state" data-checkbox="true"></th>                   
                <th data-field="type">Course Type</th>                 

            </tr>
            </thead>

        </table>

Answer 1

使用引导表插件“x-editable”使列可编辑或不可编辑分别在

例如

<table id="my_table_id"
<thead>
  <tr>
    <th class="col-md-1">#</th>
    <th class="col-md-4" data-editable="true">Name</th>
    <th class="col-md-7" data-editable="false">Description</th>
  </tr>
</thead>
</table>