Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
044e2e4e
提交
044e2e4e
authored
9月 06, 2021
作者:
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(table): `rowClassName` not worked with `striped`
修复rowClassName属性无法和striped同时生效的问题 fixed: #1167
上级
59a90877
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
9 行增加
和
5 行删除
+9
-5
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+1
-0
useTableStyle.ts
src/components/Table/src/hooks/useTableStyle.ts
+6
-3
table.ts
src/components/Table/src/types/table.ts
+2
-2
没有找到文件。
CHANGELOG.zh_CN.md
浏览文件 @
044e2e4e
...
...
@@ -4,6 +4,7 @@
-
**BasicTable**
-
单元格编辑新增提交回调,将根据回调函数返回的结果来决定是否将数据提交到表格
-
行编辑添加校验方法,允许只校验而不提交值,以便异步保存数据成功后才提交倒表格
-
修复
`rowClassName`
属性无法和
`striped`
同时使用的问题
### 🐛 Bug Fixes
...
...
src/components/Table/src/hooks/useTableStyle.ts
浏览文件 @
044e2e4e
...
...
@@ -6,11 +6,14 @@ import { isFunction } from '/@/utils/is';
export
function
useTableStyle
(
propsRef
:
ComputedRef
<
BasicTableProps
>
,
prefixCls
:
string
)
{
function
getRowClassName
(
record
:
TableCustomRecord
,
index
:
number
)
{
const
{
striped
,
rowClassName
}
=
unref
(
propsRef
);
if
(
!
striped
)
return
;
const
classNames
:
string
[]
=
[];
if
(
striped
)
{
classNames
.
push
((
index
||
0
)
%
2
===
1
?
`
${
prefixCls
}
-row__striped`
:
''
);
}
if
(
rowClassName
&&
isFunction
(
rowClassName
))
{
return
rowClassName
(
record
);
classNames
.
push
(
rowClassName
(
record
,
index
)
);
}
return
(
index
||
0
)
%
2
===
1
?
`
${
prefixCls
}
-row__striped`
:
''
;
return
classNames
.
filter
((
cls
)
=>
!!
cls
).
join
(
' '
)
;
}
return
{
getRowClassName
};
...
...
src/components/Table/src/types/table.ts
浏览文件 @
044e2e4e
...
...
@@ -25,7 +25,7 @@ export interface TableRowSelection<T = any> extends ITableRowSelection {
/**
* Callback executed when select/deselect one row
* @type Function
T
* @type Function
*/
onSelect
?:
(
record
:
T
,
selected
:
boolean
,
selectedRows
:
Object
[],
nativeEvent
:
Event
)
=>
any
;
...
...
@@ -291,7 +291,7 @@ export interface BasicTableProps<T = any> {
* Row's className
* @type Function
*/
rowClassName
?:
(
record
:
TableCustomRecord
<
T
>
)
=>
string
;
rowClassName
?:
(
record
:
TableCustomRecord
<
T
>
,
index
:
number
)
=>
string
;
/**
* Row selection config
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论