datatables怎么实现嵌套table

Datatables可以通过使用插件和扩展来实现嵌套表格。以下是一些可用的插件和扩展：

1. Child Rows插件：该插件允许您在表格行的下方添加一个子表格。您可以使用此插件来显示嵌套表格。使用此插件，您可以设置子表格的数据源，样式和其他属性。

2. Nested Rows插件：该插件允许您在表格行的内部添加另一个表格。使用此插件，您可以设置父表格和子表格的数据源，样式和其他属性。

3. RowGroup扩展：该扩展允许您将表格行分组。您可以使用此扩展来创建嵌套表格。您可以将子表格作为组内的行添加到父表格中。

以上是一些实现嵌套表格的方法，您可以根据您的需求和Datatables版本选择适合您的方法。

<el-table :data="apply_form_table" border :header-cell-style="{background:'#eef1f6',color:'#606266'}"

                :default-expand-all="false" :row-class-name="getRowClass" style="width: 100%">

                <el-table-column type="expand">

                    <template slot-scope="scope">

                        <el-table v-show="scope.row.children.length>0" border

                            :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="scope.row.children"

                            style="width: 100%">

                            <el-table-column prop="name" label=""></el-table-column>

                            <el-table-column prop="num" label=""></el-table-column>

                            <el-table-column prop="unit" label=""></el-table-column>

                            <el-table-column prop="unit_price" label=""></el-table-column>

                            <el-table-column prop="total_price" label=""></el-table-column>

                        </el-table>

                    </template>

                </el-table-column>

                <el-table-column prop="name" label=""></el-table-column>

                <el-table-column prop="num" label=""></el-table-column>

                <el-table-column prop="unit" label=""></el-table-column>

                <el-table-column prop="unit_price" label=""></el-table-column>

                <el-table-column prop="total_price" label=""></el-table-column>

            </el-table>

         apply_form_table: [{

                    name: '签字笔',

                    num: '2',

                    unit: '2',

                    unit_price: '2',

                    total_price: '2',

                    children: []

                }, {

                    name: '签字笔',

                    num: '2',

                    unit: '2',

                    unit_price: '2',

                    total_price: '2',

                    children: [{

                        name: '签字笔',

                        num: '2',

                        unit: '2',

                        unit_price: '2',

                        total_price: '2',

                    }, {

                        name: '签字笔',

                        num: '2',

                        unit: '2',

                        unit_price: '2',

                        total_price: '2',

                    }]

                }]

        methods: {

            //  判断表格中的子表格是否有数据，有就显示，无就不显示

            getRowClass({

                row,

                rowIndex

            }) {

                if (row.children.length == 0) {

                    return 'row-expand-cover'

                } else {

                    return ''

                }

父表建主索引，命令语句：alter table 表名 alter 数据类型(宽度) primary key

注：宽度只有当数据类型为字符型，数值型时需要。

子表建普通索引，命令语句：

Alter table 表名1

add foreign key 索引表达式 tag 索引名

reference 表名2 [tag 索引名]

注：手动 *** 作模式较简单，就没说明了，写了以上命令代码。希望采纳。

---