Skip to content

Commit 7e5a8a3

Browse files
committed
Update Readme
Signed-off-by: Dmitry Mazurov <[email protected]>
1 parent e96753f commit 7e5a8a3

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

README.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,31 @@ Our component parameters:
117117
type: String,
118118
default: 'table-responsive d-print-inline'
119119
},
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+
},
120145
/**
121146
* Set the table classes you wish to use, default with bootstrap4
122147
* but you can override with: themeforest, foundation, etc..
@@ -186,6 +211,15 @@ Our component parameters:
186211
hideFooter: {
187212
type: Boolean
188213
},
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+
},
189223
/**
190224
* The details column configuration of master/details.
191225
*
@@ -217,6 +251,8 @@ fields: {
217251
- `visible` false to hide
218252
- `width` to provide custom width
219253
- `className` set column class names
254+
- `classHeaderName` set header class names
255+
- `classFooterName` set footer class names
220256
- `defaultContent` provide default html when no data available
221257
- `render` custom cell rendering function https://datatables.net/reference/option/columns.render
222258
- `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
341377
</template>
342378
```
343379
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+
344388
## dom (Searching and Toolbar)
345389
`dom` configuration defines how jQuery DataTables components are rendered - https://datatables.net/reference/option/dom
346390

0 commit comments

Comments
 (0)