theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛(component): 修复 table 组件 column 配置 fixed 属性, 特殊情况下的列空白问题

Browse Source
This commit is contained in:
就眠儀式 2022-10-11 14:30:35 +08:00
parent 5a749bf672
commit df60cadf4b
4 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package/component/src/component/table/TableRow.vue
View File

@ -186,7 +186,7 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
props.columns[i].fixed == "left" && props.columns[i].fixed == "left" &&
props.tableColumnKeys.includes(props.columns[i].key) props.tableColumnKeys.includes(props.columns[i].key)
) { ) {
left = left + props.columns[i]?.width?.replace("px", ""); left = left + Number(props.columns[i]?.width?.replace("px", ""));
} }
} }
return { left: `${left}px` } as StyleValue; return { left: `${left}px` } as StyleValue;
@ -198,7 +198,7 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
props.columns[i].fixed == "right" && props.columns[i].fixed == "right" &&
props.tableColumnKeys.includes(props.columns[i].key) props.tableColumnKeys.includes(props.columns[i].key)
) { ) {
right = right + props.columns[i]?.width?.replace("px", ""); right = right + Number(props.columns[i]?.width?.replace("px", ""));
} }
} }
return { right: `${right}px` } as StyleValue; return { right: `${right}px` } as StyleValue;

4
package/component/src/component/table/index.vue
View File

@ -529,7 +529,7 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
props.columns[i].fixed == "left" && props.columns[i].fixed == "left" &&
tableColumnKeys.value.includes(props.columns[i].key) tableColumnKeys.value.includes(props.columns[i].key)
) { ) {
left = left + props.columns[i]?.width?.replace("px", ""); left = left + Number(props.columns[i]?.width?.replace("px", ""));
} }
} }
return { left: `${left}px` } as StyleValue; return { left: `${left}px` } as StyleValue;
@ -541,7 +541,7 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
props.columns[i].fixed == "right" && props.columns[i].fixed == "right" &&
tableColumnKeys.value.includes(props.columns[i].key) tableColumnKeys.value.includes(props.columns[i].key)
) { ) {
right = right + props.columns[i]?.width?.replace("px", ""); right = right + Number(props.columns[i]?.width?.replace("px", ""));
} }
} }
return { right: `${right}px` } as StyleValue; return { right: `${right}px` } as StyleValue;

4
package/document-component/src/document/zh-CN/components/table.md
View File

@ -655,20 +655,20 @@ export default {
const columns20 = [ const columns20 = [
{ {
fixed:"left",
title:"账户", title:"账户",
width:"200px", width:"200px",
key:"username" key:"username"
},{ },{
fixed:"left",
title:"密码", title:"密码",
width: "300px", width: "300px",
key:"password" key:"password"
},{ },{
fixed:"right",
title:"性别", title:"性别",
width: "300px", width: "300px",
key:"sex" key:"sex"
},{ },{
fixed:"right",
title:"年龄", title:"年龄",
width: "300px", width: "300px",
key:"age" key:"age"

14
package/document-component/src/document/zh-CN/guide/changelog.md
View File

@ -11,7 +11,19 @@
<template> <template>
<lay-timeline> <lay-timeline>
<lay-timeline-item title="1.6.x"> <lay-timeline-item title="1.6.x">
<ul> <ul>
<a name="1-6-6"></a>
<li>
<h3>1.6.6 <span class="layui-badge-rim">2022-10-11</span></h3>
<ul>
<li>[新增] table 组件 column 配置 total-row-method 属性, 用于自定义列统计逻辑。</li>
<li>[修复] table 组件 column 配置 fixed 属性, 特殊情况下的列空白问题。</li>
<li>[修复] talle 组件 table-row 行 algin 等属性, 不跟随 column 列配置的问题。</li>
<li>[修复] table 组件 table-row 行 fixed 属性不生效的问题。</li>
</ul>
</li>
</ul>
<ul>
<a name="1-6-5"></a> <a name="1-6-5"></a>
<li> <li>
<h3>1.6.5 <span class="layui-badge-rim">2022-10-11</span></h3> <h3>1.6.5 <span class="layui-badge-rim">2022-10-11</span></h3>