首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

Ant-design-vue Table 增加单选操作!

前提 业务上有需求,需要在表格中增加单选操作来显示该条数据的附加信息。因为 UI 组件库使用的 ant-design-vue,在看过 api后发现 table组件已经内置了相关功能。直接使用即可。...使用方式 新建一个table组件。主要设置两个参数一个是 rowKey,另外一个是 rowSelection。rowKey用来做当前行的唯一标识。...rowSelection有三个参数 1、 SelectedRowKeys:用来设置选中的数据 2、onChange:选中事件 3、type: 设置选中的类型可为 radio 或者 checkbox <a-table...ref="table" size="middle" :scroll="{x: 1500}" bordered rowKey="id" :columns="columns"...onChange: handleRowClick, type: 'radio'}" :customRow="customRowFn" @change="handleTableChange"> </a-table

16810

create table,show tables,describe table,DROP TABLE,ALTER TABLE ,怎么使用?

2)表本身(非表数据)的基本操作: CREATE TABLE 表名 (列_1_名 列_1_类型 列_1_细节,      列_2_名 列_2_类型 列_2_细节,     ...         );...例如:create table student(id int not null,name char(10),age int); 例如:CREATE TABLE t (id INT NOT NULL,...NOT NULL, first_name CHAR(30) NOT NULL, d DATE NOT NULL);    show tables;显示当前数据库中的Tables describe table_name...;显示table各字段信息 DROP TABLE t; (删除表) DROP TABLE t1, t2, t3;  ALTER TABLE t ADD x INT NOT NULL;(增加一列) ALTER...TABLE t DROP x; (删除y)   3)表数据的基本操作: 添加纪录: INSERT INTO 表名 (列_list) VALUES (值_list);  例如: INSERT INTO

1.9K10

如何用JS写一个table组件 | 作业讲解

第二种,从JavaScript的模块化开发角度来讲,一个function就是一个模块,例如: function isGet(){ //get... } 这个函数就是一个JS模块,它是有逻辑的。...一个组件可以说它是一个JS模块,但一个JS模块,却未必是一个组件。...所以你会看到一个组件里面包含了许多函数、方法或是许多JS文件。 这就引出下一个问题,组件的组织。也就是单一功能的再细分,用笔先写出一个个的点。。...就说这个 table组件吧, --自定义行; --自定义列; --自定义左侧是否有单选按钮; --自定义右侧是否有删除按钮; --自定义每行是否可展开下拉; --自定义每列标题是否有下拉按钮; --自定义表头标题...createTableUI(config) 然后createTableUI的伪代码: createTableUI(c){ var config = $.extend(true,{},c); var tab = $('<table

4.4K50
领券