0.2.8 • Published 8 years ago
react-auto-completes v0.2.8
ReactAutoComplelte
Auto filter data table
Installation
npm install react-auto-completes --saveUsage
inmport ReactAutoCompletes from 'react-auto-completes';<div>
<ReactAutoCompletes
bgcolor="red" // "#f00"
txtColor="white" // "#fff"
filterName="name, value" // limit maximum 5 filed
value=''
placeholder=''
className=''
location='1'
data={[
{ name: 'one', value: 112 },
{ name: 'two', value: 511 },
{ name: 'three', value: 512 },
]}
columns={[
{title:'Name', filed: 'name'},
{title:'Value', filed: 'value'}
]}
/>
</div>Further options
| Property | Type | Default | Description |
|---|---|---|---|
| className | string | form-control | css class for html input element. also is passed to children |
| data | array | [] | |
| filterName | array | ['code', 'name', '...'] | limit maximum 5 |
| location | number | 0 | location by table column |
| columns | array | [] | |
| name | string | ReactAutoComplete | html form prop |
| id | string | | html form prop |
| autoFocus | boolean | false | html autofocus prop |
| bgcolor | string | | html bgcolor prop. Background tr when have a event row up/down |
| txtColor | string | | html text color prop. text-color tr when have a event row up/down |
| placeholder | string | | html placeholder prop |
| tabIndex | string | | html tabIndex prop |
| disabled | boolean | | html disabled prop |
| readOnly | boolean | | html readOnly prop |
| onSelectData | function | onSelectData(params) | html onSelectData prop |
Contract
skype: hthanh_kg8991;
I am very happy to receive feedback from everyone. Thanks you0.2.8
8 years ago
0.2.7
8 years ago
0.2.6
8 years ago
0.2.5
8 years ago
0.2.4
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
8 years ago
0.1.11
8 years ago
0.1.10
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago