@@ -117,6 +117,31 @@ Our component parameters:
117
117
type: String ,
118
118
default: ' table-responsive d-print-inline'
119
119
},
120
+ /**
121
+ * Set the input column search classes.
122
+ *
123
+ * @type String
124
+ */
125
+ columnSearchClassName: {
126
+ type: String ,
127
+ default: ' form-control form-control-sm'
128
+ },
129
+ /**
130
+ * Set the tfoot classes.
131
+ *
132
+ * @type String
133
+ */
134
+ tfootClassName: {
135
+ type: String ,
136
+ },
137
+ /**
138
+ * Set the thead classes.
139
+ *
140
+ * @type String
141
+ */
142
+ theadClassName: {
143
+ type: String ,
144
+ },
120
145
/**
121
146
* Set the table classes you wish to use, default with bootstrap4
122
147
* but you can override with: themeforest, foundation, etc..
@@ -186,6 +211,15 @@ Our component parameters:
186
211
hideFooter: {
187
212
type: Boolean
188
213
},
214
+ /**
215
+ * true to hide the individual column search of the table
216
+ *
217
+ * @type Boolean
218
+ */
219
+ columnSearch: {
220
+ type: Boolean ,
221
+ default: false
222
+ },
189
223
/**
190
224
* The details column configuration of master/details.
191
225
*
@@ -217,6 +251,8 @@ fields: {
217
251
- ` visible ` false to hide
218
252
- ` width ` to provide custom width
219
253
- ` className ` set column class names
254
+ - ` classHeaderName ` set header class names
255
+ - ` classFooterName ` set footer class names
220
256
- ` defaultContent ` provide default html when no data available
221
257
- ` render ` custom cell rendering function https://datatables.net/reference/option/columns.render
222
258
- ` template ` simple vue template for the field. See example App.
@@ -341,6 +377,14 @@ Let say you have a column `description`, you can provide table head template for
341
377
< / template>
342
378
` ` `
343
379
380
+ ## Customizable table footer (th) columns
381
+ Let say you have a column ` description` , you can provide table footer template for the description column like so:
382
+ ` ` ` html
383
+ < template slot= " FOOT_description" >
384
+ < h1> desc< / h1>
385
+ < / template>
386
+ ` ` `
387
+
344
388
## dom (Searching and Toolbar)
345
389
` dom` configuration defines how jQuery DataTables components are rendered - https://datatables.net/reference/option/dom
346
390
0 commit comments