# Table-select 下拉表格 🎉 V2.4.6

Table-select 由 Select 和 Table 派生而来。

# 代码演示

# API

# TableSelect Attributes （继承 w-table 及 w-select 属性）

参数	说明	类型	可选值	默认值	Version
table	表格数据对象	Object	{}
---data	展示下拉数据源	Array	[]
---total	数据总条数	Number	-
---pageSize	每页显示条目个数	Number	-
---currentPage	当前页数	Number	-
columns	表头信息	Array	[]
----bind	w-table-column Attributes	Object	-
----showOverflowTooltip	是否换行（开启虚拟列表不会换行）	Boolean	false
----fixed	列是否固定( left, right)	string, boolean	-
----align	对齐方式(left/center/right)	String	left
----render	返回三个参数(text：当前值,row：当前整条数据 ,index：当前行)	function	-
----slotName	插槽显示此列数据（其值是具名作用域插槽）	String	-
----scope	具名插槽获取此行数据必须用解构接收{scope}	Object	当前行数据
keywords	关键字配置（value-key 配置）	Object	无
------label	选项的标签	String	‘label’
------value	选项的值	String	‘value’
defaultSelection	设置第一页默认选中项--keywords.value 值	Array	-
multiple	是否开启多选	Boolean	false
keyup	是否开启回车事件选中第一行(仅支持单选)	Boolean	false
filterable	是否开启过滤(根据 keywords 的 label 值进行过滤) （开启虚拟列表不支持过滤）	Boolean	false
reserveSelection	是否支持翻页选中	Boolean	true
showPagination	开启分页	Boolean	false
tableWidth	table 宽度	Number	550
useVirtual	是否开启虚拟列表（可视高度显示 10 条数据）	Boolean	false
maxHeight	Table 的最大高度。合法的值为数字或者单位为 px 的高度。（开启虚拟列表其默认值 384）	String/Number	-
tableRowHeight	Table 的行高度	Number	32
table-size	Table 的尺寸	String	'large' | 'medium' | 'small' | 'mini'	small

# TableSelect Events（继承 w-table 及 w-select 属性）

事件名称	说明	回调参数	Version
page-change	页码改变事件	返回选中的页码
selections-change	多选事件	返回选中的项数据及选中项的 keywords.value 集合
radio-change	单选	返回当前项所有数据

# TableSelect Methods（继承 w-table 及 w-select 属性）

事件名称	说明	回调参数	Version
clear	清空选中项
focus	使 input 获取焦点
blur	使 input 失去焦点，并隐藏下拉框