diff --git a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor index 476d62ee397..ca13a2c5631 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor +++ b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor @@ -9,9 +9,19 @@

@((MarkupString)Localizer["TablesEditDescription"].Value)

-
@((MarkupString)Localizer["TablesEditItemsDescription"].Value)
+
+
+
@((MarkupString)Localizer["TablesEditItemsDescription"].Value)
+
+
+ + + + +
+
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor.cs index b075c2911e3..5742b72ff61 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor.cs +++ b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor.cs @@ -38,6 +38,8 @@ public partial class TablesEdit private string DataServiceUrl => $"{WebsiteOption.Value.GiteeRepositoryUrl}/wikis/Table%20%E7%BB%84%E4%BB%B6%E6%95%B0%E6%8D%AE%E6%9C%8D%E5%8A%A1%E4%BB%8B%E7%BB%8D?sort_id=3207977"; + private bool _useGroup = false; + /// /// /// diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json index 8e13ec592fc..5829eb8bb71 100644 --- a/src/BootstrapBlazor.Server/Locales/en-US.json +++ b/src/BootstrapBlazor.Server/Locales/en-US.json @@ -5179,7 +5179,7 @@ "TablesEditDescription": "Commonly used in single table maintenance, simple addition, deletion, modification, search, sorting, filtering, search and other common functions can be realized through attribute configuration, and very complex business requirements can be realized through advanced usage of Template", "TablesEditItemsTitle": "Use collection as data source to realize editing function", "TablesEditItemsIntro": "Set Items as the data source, without setting OnSaveAsync OnDeleteAsync callback delegate to use built-in processing logic to update and delete functions", - "TablesEditItemsDescription": "Setting Items as the data source eliminates the need to set OnSaveAsync OnDeleteAsync callback delegates to use built-in processing logic for updates and deletes. Meanwhile, it should be noted that the [Key] tag of the Foo attribute of the class instance Foo of the generic constraint of TItem should be configured correctly", + "TablesEditItemsDescription": "Setting Items as the data source eliminates the need to set OnSaveAsync OnDeleteAsync callback delegates to use built-in processing logic for updates and deletes. Meanwhile, it should be noted that the [Key] tag of the Foo attribute of the class instance Foo of the generic constraint of TItem should be configured correctly; The `IsGroupExtendButtons` parameter controls whether the inline function buttons are displayed in a group. The default is `true`.", "TablesEditTemplateTitle": "Tables with single table maintenance", "TablesEditTemplateIntro": "Set ShowSearch to show the query component", "TablesEditTemplateDescription": "In this example, the right alignment of Count is set, the Complete column is set to center alignment, and the Boolean column is automatically rendered as a Switch component", diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json index cd70bc387ad..a9b89d6d9ec 100644 --- a/src/BootstrapBlazor.Server/Locales/zh-CN.json +++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json @@ -5179,7 +5179,7 @@ "TablesEditDescription": "常用于单表维护，通过属性配置实现简单的增、删、改、查、排序、过滤、搜索等常用功能，通过 Template 的高级用法能实现非常复杂的业务需求功能", "TablesEditItemsTitle": "使用集合作为数据源实现编辑功能", "TablesEditItemsIntro": "设置 Items 作为数据源，无需设置 OnSaveAsync OnDeleteAsync 回调委托使用内置处理逻辑进行更新与删除功能", - "TablesEditItemsDescription": "设置 Items 作为数据源，必须使用双向绑定 @bind-Items, 同时 TItem 泛型约束的类实例，如本例中的 Foo ，需要正确配置 [Key] 标签，否则内置编辑功能无法正常工作", + "TablesEditItemsDescription": "设置 Items 作为数据源，必须使用双向绑定 @bind-Items, 同时 TItem 泛型约束的类实例，如本例中的 Foo ，需要正确配置 [Key] 标签，否则内置编辑功能无法正常工作；通过设置 IsGroupExtendButtons 参数控制行内功能按钮是否组合显示 默认 true", "TablesEditTemplateTitle": "具有单表维护功能的表格", "TablesEditTemplateIntro": "通过设置 EditTemplate 自定义编辑弹窗，如果属性需要联动时必须像本例这样封装成一个独立的组件再放置到模板中", "TablesEditTemplateDescription": "本例中设置 Count 右侧对齐，Complete 列设置为居中对齐，布尔类型列自动渲染成 Switch 组件，点击 学历 下拉框时右侧只读组件描述信息联动更新，此功能必须封装成独立组件", diff --git a/src/BootstrapBlazor/Components/Table/Table.razor.scss b/src/BootstrapBlazor/Components/Table/Table.razor.scss index 39d18772efc..6dd6978c573 100644 --- a/src/BootstrapBlazor/Components/Table/Table.razor.scss +++ b/src/BootstrapBlazor/Components/Table/Table.razor.scss @@ -969,6 +969,10 @@ form .table .table-cell > textarea { cursor: pointer; } -.btn-separate > button:not(:last-child) { - margin-inline-end: .25rem; +.btn-separate { + display: inline-flex; + + > button:not(:last-child) { + margin-inline-end: .25rem; + } }