@syook/react-tabulous 2.8.2 → 2.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -1
- package/lib/react-tabulous.min.js +3 -3
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -29,6 +29,9 @@ The files will be under `./lib` folder.
|
|
|
29
29
|
| `isFilterable` | is column filterable | Boolean | false | |
|
|
30
30
|
| `omitInHideList` | should the column be omitted in table and show/hide dropdown | Boolean | false | |
|
|
31
31
|
| `options` | array of options if the type is MultiSelect or Single Select | Array | false | [] |
|
|
32
|
+
| `isResizable` | is column resizable | Boolean | false | false |
|
|
33
|
+
| `fixed` | String='left' or 'right', where to fix the column | String | false | null |
|
|
34
|
+
| `defaultWidth` | to fix column width to a value in pixels if width exceeding this threshold | Number | false | null |
|
|
32
35
|
|
|
33
36
|
### b. Action Config Options : actions will be shown in action column in table
|
|
34
37
|
|
|
@@ -77,6 +80,7 @@ The files will be under `./lib` folder.
|
|
|
77
80
|
| `emptyCellPlaceHolder` | placeholder for empty cells | | false | string |
|
|
78
81
|
| `accentColor` | colors for top bar buttons | | false | string |
|
|
79
82
|
| `hideBulkCount` | hide bulk select count for bulk actions | false | false | boolean |
|
|
83
|
+
| `showResetButton` | display reset button | true | false | boolean |
|
|
80
84
|
|
|
81
85
|
## Example
|
|
82
86
|
|
|
@@ -168,6 +172,8 @@ columnDefs = [
|
|
|
168
172
|
isSortable: true,
|
|
169
173
|
isSearchable: false,
|
|
170
174
|
isFilterable: true,
|
|
175
|
+
fixed: 'left',
|
|
176
|
+
defaultWidth: 100,
|
|
171
177
|
},
|
|
172
178
|
{
|
|
173
179
|
headerName: 'Started at',
|
|
@@ -178,6 +184,7 @@ columnDefs = [
|
|
|
178
184
|
isSearchable: false,
|
|
179
185
|
isFilterable: true,
|
|
180
186
|
isResizable: true,
|
|
187
|
+
defaultWidth: 200,
|
|
181
188
|
},
|
|
182
189
|
];
|
|
183
190
|
|
|
@@ -226,7 +233,8 @@ customComponents = () => (
|
|
|
226
233
|
name={'Table Name'}
|
|
227
234
|
columnDefs={this.columnDefs}
|
|
228
235
|
isShowSerialNumber={true}
|
|
229
|
-
isAllowDeepSearch={true}
|
|
236
|
+
isAllowDeepSearch={true}
|
|
237
|
+
showResetButton={true}>
|
|
230
238
|
{this.customComponents}
|
|
231
239
|
</ReactTabulous>
|
|
232
240
|
|