Skip to content

Commit 5c6cc5d

Browse files
authored
Update README.md
1 parent 87bb11c commit 5c6cc5d

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

README.md

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33

44

55

6+
67
# 1. vue-bootstrap4-table
78

89
> Advanced table based on Vue 2 and Bootstrap 4
@@ -16,8 +17,8 @@
1617

1718
# 2. Features
1819
* Multi column filtering (Optimized filtering)
19-
* Simple filter
20-
* Multi-select filter
20+
* Simple filter
21+
* Select filter (Single & Multiple)
2122
* Global search
2223
* Single & Multi column sorting
2324
* Pagination (True! It works out of the box intelligently)
@@ -54,7 +55,7 @@ We are using **`lodash`** internally, so you don't need to install separately fo
5455

5556
...
5657

57-
<script src="https://unpkg.com/vue-bootstrap4-table@1.0.16/dist/vue-bootstrap4-table.min.js" crossorigin="anonymous"></script>
58+
<script src="https://unpkg.com/vue-bootstrap4-table@1.0.17/dist/vue-bootstrap4-table.min.js" crossorigin="anonymous"></script>
5859
```
5960
**Note:** If you've included bootstrap & jQuery packages already in your project, then include only **vue-bootstrap4-table.min.js** script.
6061

@@ -493,7 +494,8 @@ columns: [
493494
label: "First Name",
494495
name: "name.first_name", // access nested objects properties with "."
495496
filter: {
496-
type: "multi-select",
497+
type: "select",
498+
mode: "multi",
497499
placeholder: "Select options",
498500
options: [{
499501
"name": "option one",
@@ -518,6 +520,7 @@ columns: [
518520
| Attributes |Description | Type |Default |
519521
|--|--|--|--|
520522
| filter.type | Defines the type of filter. | String | Empty string |
523+
| filter.mode | Defines the mode of selection in the dropdown. Allowed options are **`single`** and **`multi`**. If the mode is **`single`**, then dropdown will be rendered with **`radio`** buttons, else if the mode is multi, then dropdown will be rendered with **`checkboxes`**. | String | "single" |
521524
| filter.placeholder | Default text for the dropdown. | String | Empty string |
522525
| filter.options | You can provide your list of name and value objects to be populated in the multi-select filter dropdown. | Array | Empty array |
523526

0 commit comments

Comments
 (0)