KtFilters

Design
MISSING
Added
v3.0.0

Properties Show plus

Emits Show plus

Component

Value: [{"key":"stringColumn","operation":"CONTAINS","value":null},{"key":"integerColumn","operation":"EQUAL","value":null}] reset

Code

<KtFilters
	:columns="[{'key':'globalSearch','label':'Search','type':'SEARCH'},{'key':'stringColumn','label':'String Column','operations':['CONTAINS','EQUAL','IS_EMPTY'],'type':'STRING'},{'key':'integerColumn','label':'Integer Column','operations':['EQUAL','GREATER_THAN','GREATER_THAN_OR_EQUAL','LESS_THAN','LESS_THAN_OR_EQUAL','IS_EMPTY'],'prefix':null,'suffix':null,'type':'INTEGER'},{'key':'floatColumn','label':'Float Column','operations':['EQUAL','GREATER_THAN','GREATER_THAN_OR_EQUAL','LESS_THAN','LESS_THAN_OR_EQUAL','IS_EMPTY'],'prefix':null,'suffix':null,'type':'FLOAT'},{'currency':'USD','key':'currencyColumn','label':'Currency Column','operations':['EQUAL','GREATER_THAN','GREATER_THAN_OR_EQUAL','LESS_THAN','LESS_THAN_OR_EQUAL','IS_EMPTY'],'type':'CURRENCY'},{'key':'booleanColumn','label':'Boolean Column','operations':['EQUAL','IS_EMPTY'],'type':'BOOLEAN'},{'key':'dateRangeColumn','label':'Date Range Column','maximumDate':null,'minimumDate':null,'operations':['IN_RANGE','IS_EMPTY'],'shortcuts':[],'type':'DATE_RANGE'},{'key':'singleEnumColumn','label':'Single Enum Column','operations':['EQUAL','IS_EMPTY'],'options':[{'label':'Option 1','value':'option-1'},{'label':'Option 2','value':'option-2'},{'label':'Option 3','value':'option-3'}],'type':'SINGLE_ENUM'},{'key':'multiEnumColumn','label':'Multi Enum Column','operations':['ONE_OF','IS_EMPTY'],'options':[{'label':'Option 1','value':'option-1'},{'label':'Option 2','value':'option-2'},{'label':'Option 3','value':'option-3'}],'type':'MULTI_ENUM'}]"
/>

Settings

Additional Props

Texts

Decoration