Skip to content

Commit ba8b3a5

Browse files
committed
feat(Table): add FitAllColumnWidth instance method
1 parent 826819f commit ba8b3a5

File tree

2 files changed

+20
-0
lines changed

2 files changed

+20
-0
lines changed

src/BootstrapBlazor/Components/Table/Table.razor.cs

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1590,6 +1590,14 @@ private async Task OnContextMenu(MouseEventArgs e, TItem item)
15901590
[Parameter]
15911591
public Func<string, Task<float>>? OnAutoFitContentAsync { get; set; }
15921592

1593+
/// <summary>
1594+
/// 列宽自适应方法
1595+
/// </summary>
1596+
public async Task FitAllColumnWidth()
1597+
{
1598+
await InvokeVoidAsync("fitAllColumnWidth", Id);
1599+
}
1600+
15931601
/// <summary>
15941602
/// 重置列方法 由 JavaScript 脚本调用
15951603
/// </summary>

src/BootstrapBlazor/Components/Table/Table.razor.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,18 @@ export function reset(id) {
114114
observeHeight(table)
115115
}
116116

117+
export function fitAllColumnWidth(id) {
118+
const table = Data.get(id)
119+
if (table === null) {
120+
return;
121+
}
122+
123+
const columns = [...table.tables[0].querySelectorAll('.col-resizer')];
124+
columns.forEach(async col => {
125+
await autoFitColumnWidth(table, col);
126+
});
127+
}
128+
117129
const observeHeight = table => {
118130
setBodyHeight(table);
119131

0 commit comments

Comments
 (0)