Question

我正在使用Datatable.net框架表。

我的问题是我想在同一个数据表中有两个是响应，第二个是Checkbox。

这是我正在使用的脚本

$(document).ready(function() {
    $('#example').DataTable( {
        responsive: true,
        columnDefs: [ {
            orderable: false,
            className: 'select-checkbox',
            targets:   0
        } ],
        select: {
            style:    'os',
            selector: 'tr'
        },
        order: [[ 1, 'asc' ]]
    } );
} );

这是我正在使用的HTML。

<table id="example" class="display" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th></th>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th></th>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td></td>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>$320,800</td>
        </tr>
    </tbody>
</table>

Answer 1

我认为你错过了一些东西，如果你想使用Datatables的扩展，那么你应该添加扩展库，否则它将无法工作，

因此，您可以在此链接jsfiddle.net/1eLg1Lgy/

中查看工作代码

<强>的JavaScript

$(document).ready(function() {
    $('#example').DataTable( {
        responsive: true,
        columnDefs: [ {
            orderable: false,
            className: 'select-checkbox',
            targets:   0
        } ],
        select: {
            style:    'os',
            selector: 'tr'
        },
        order: [[ 1, 'asc' ]]
    } );
} );

<强> HTML

<table id="example" class="display" width="100%" cellspacing="0">
<thead>
<tr>
    <th></th>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
    <th>Age</th>
    <th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
    <th></th>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
    <th>Age</th>
    <th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
    <td></td>
    <td>Tiger Nixon</td>
    <td>System Architect</td>
    <td>Edinburgh</td>
    <td>61</td>
    <td>$320,800</td>
</tr>
</tbody>

和扩展程序链接在这里cdn.datatables.net/#Extensions

datatables.net：如何在数据表中使用响应加复选框？

1 个答案: