Optional Hiding Table Toolbar

Author: FalkWolsky

client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx

@@ -772,6 +772,7 @@ export function TableCompView(props: {
   const rowStyle = compChildren.rowStyle.getView();
   const headerStyle = compChildren.headerStyle.getView();
   const toolbarStyle = compChildren.toolbarStyle.getView();
+  const hideToolbar = compChildren.hideToolbar.getView()
   const rowAutoHeight = compChildren.rowAutoHeight.getView();
   const tableAutoHeight = comp.getTableAutoHeight();
   const showHorizontalScrollbar = compChildren.showHorizontalScrollbar.getView();
@@ -935,7 +936,7 @@ export function TableCompView(props: {
     [viewMode, compChildren.onEvent, compChildren.columns]
   );
 
-  const toolbarView = (
+  const toolbarView = !hideToolbar && (
     <TableToolbar
       toolbar={toolbar}
       $style={toolbarStyle}
@@ -1003,7 +1004,7 @@ export function TableCompView(props: {
         $showVerticalScrollbar={showVerticalScrollbar}
         $fixedToolbar={toolbar.fixedToolbar}
       >
-        {toolbar.position === "above" && (toolbar.fixedToolbar || (tableAutoHeight && showHorizontalScrollbar)) && toolbarView}
+        {toolbar.position === "above" && !hideToolbar && (toolbar.fixedToolbar || (tableAutoHeight && showHorizontalScrollbar)) && toolbarView}
         <ScrollBar
           className="table-scrollbar-wrapper"
           style={{ height: "100%", margin: "0px", padding: "0px" }}
@@ -1068,7 +1069,7 @@ export function TableCompView(props: {
             </SlotConfigContext.Provider>
           </TableWrapper>
         </ScrollBar>
-        {toolbar.position === "below" && (toolbar.fixedToolbar || (tableAutoHeight && showHorizontalScrollbar)) && toolbarView}
+        {toolbar.position === "below" && !hideToolbar && (toolbar.fixedToolbar || (tableAutoHeight && showHorizontalScrollbar)) && toolbarView}
       </BackgroundWrapper>
 
     </BackgroundColorContext.Provider>

client/packages/lowcoder/src/comps/comps/tableComp/tablePropertyView.tsx

@@ -547,6 +547,9 @@ export function compTablePropertyView<T extends MultiBaseComp<TableChildrenType>
             {comp.children.hideHeader.propertyView({
               label: trans("table.hideHeader"),
             })}
+            {comp.children.hideToolbar.propertyView({
+              label: trans("table.hideToolbar"),
+            })}
             {comp.children.viewModeResizable.propertyView({
               label: trans("table.viewModeResizable"),
               tooltip: trans("table.viewModeResizableTooltip"),

client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx

@@ -239,6 +239,7 @@ const tableChildrenMap = {
   rowStyle: styleControl(TableRowStyle, 'rowStyle'),
   summaryRowStyle: styleControl(TableSummaryRowStyle, 'summaryRowStyle'),
   toolbarStyle: styleControl(TableToolbarStyle, 'toolbarStyle'),
+  hideToolbar: withDefault(BoolControl,false),
   headerStyle: styleControl(TableHeaderStyle, 'headerStyle'),
   searchText: StringControl,
   columnsStyle: styleControl(TableColumnStyle, 'columnsStyle'),

client/packages/lowcoder/src/i18n/locales/de.ts

@@ -1988,7 +1988,8 @@ export const de = {
   "defaultButton": "Standard",
   "type": "Typ",
   "tableSize": "Tabelle Größe",
-  "hideHeader": "Tabellenüberschrift ausblenden",
+  "hideHeader": "Tabellenkopfzeile ausblenden",
+  "hideToolbar" : "Tabellenfußzeile ausblenden",
   "fixedHeader": "Feste Tabellenüberschrift",
   "fixedHeaderTooltip": "Kopfzeile wird für vertikal scrollbare Tabelle fixiert",
   "fixedToolbar": "Feste Symbolleiste",

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -2035,6 +2035,7 @@ export const en = {
     "type": "Type",
     "tableSize": "Table Size",
     "hideHeader": "Hide Table Header",
+    "hideToolbar": "Hide Table Toolbar (Footer)",
     "fixedHeader": "Fixed Table Header",
     "fixedHeaderTooltip": "Header Will Be Fixed for Vertically Scrollable Table",
     "fixedToolbar": "Fixed Toolbar",

client/packages/lowcoder/src/i18n/locales/es.ts

@@ -1989,6 +1989,7 @@ export const es = {
   "type": "Tipo",
   "tableSize": "Tamaño de la tabla",
   "hideHeader": "Ocultar cabecera de tabla",
+  "hideToolbar": "Ocultar pie de página",
   "fixedHeader": "Cabecera de tabla fija",
   "fixedHeaderTooltip": "La cabecera será fija para la tabla desplazable verticalmente",
   "fixedToolbar": "Barra de herramientas fija",

client/packages/lowcoder/src/i18n/locales/it.ts

@@ -1989,6 +1989,7 @@ export const it = {
   "type": "Tipo",
   "tableSize": "Dimensione della tabella",
   "hideHeader": "Nascondere l'intestazione della tabella",
+  "hideToolbar": "Nascondere Piè di pagina",
   "fixedHeader": "Intestazione fissa della tabella",
   "fixedHeaderTooltip": "L'intestazione sarà fissa per la tabella a scorrimento verticale",
   "fixedToolbar": "Barra degli strumenti fissa",

client/packages/lowcoder/src/i18n/locales/pt.ts

@@ -1989,6 +1989,7 @@ export const pt = {
   "type": "Tipo",
   "tableSize": "Tamanho da Tabela",
   "hideHeader": "Ocultar Cabeçalho da Tabela",
+  "hideToolbar": "Ocultar barra de ferramentas",
   "fixedHeader": "Cabeçalho da Tabela Fixo",
   "fixedHeaderTooltip": "O cabeçalho será fixado para tabelas com rolagem vertical",
   "fixedToolbar": "Barra de Ferramentas Fixa",

client/packages/lowcoder/src/i18n/locales/ru.ts

@@ -1989,6 +1989,7 @@ export const ru = {
   "type": "Тип",
   "tableSize": "Размер стола",
   "hideHeader": "Скрыть заголовок таблицы",
+  "hideToolbar": "Скрыть нижний колонтитул",
   "fixedHeader": "Фиксированный заголовок таблицы",
   "fixedHeaderTooltip": "Заголовок будет фиксированным для вертикально прокручиваемой таблицы",
   "fixedToolbar": "Исправленная панель инструментов",

client/packages/lowcoder/src/i18n/locales/zh.ts

@@ -1592,6 +1592,7 @@ export const zh: typeof en = {
         type: "类型",
         tableSize: "表格尺寸",
         hideHeader: "隐藏表头",
+        hideToolbar: "隐藏表工具栏（页脚）",
         fixedHeader: "固定表头",
         fixedHeaderTooltip: "垂直滚动表格的标题将被固定",
         fixedToolbar: "固定工具栏",