Header colspan in options

lucas_araujo

I just migrated my code to Vue and am using the DataTables component like this:

<CustomDataTable
      v-if="tableData.length > 0"
      :data="tableData"
      :columns="tableColumns"
      ref="dataTableRef"
 />

But i have not found a way to use a ComplexHeader with this method, is there a way?

My objective:

kthorngren

I assume you are using columns.title to create the header. This only supports a single header row. From the columns.title docs:

Please note that when constructing a header, DataTables can only construct a simple header with a single cell for each column. Complex headers with colspan and rowspan attributes must either already be defined in the document, or be constructed using standard DOM / jQuery methods.

Kevin

allan

If you were to use our Vue component you can pass a thead in to the DataTable component as the default slot, and it will use that as the table header.

Allan