diff --git a/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilTableWidgetSnapshot_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilTableWidgetSnapshot_spec.ts new file mode 100644 index 000000000000..024dc44bd679 --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilTableWidgetSnapshot_spec.ts @@ -0,0 +1,27 @@ +import { ANVIL_EDITOR_TEST } from "../../../../../support/Constants"; +import { + agHelper, + anvilSnapshot, +} from "../../../../../support/Objects/ObjectsCore"; + +describe( + `${ANVIL_EDITOR_TEST}: Anvil tests for Table Widget`, + { tags: ["@tag.Anvil"] }, + () => { + before(() => { + agHelper.AddDsl("anvilTableWidget"); + }); + + it("1. Canvas Mode", () => { + anvilSnapshot.verifyCanvasMode("TableWidget"); + }); + + it("2. Preview Mode", () => { + anvilSnapshot.verifyPreviewMode("TableWidget"); + }); + + it("3. Deploy Mode", () => { + anvilSnapshot.verifyDeployMode("TableWidget"); + }); + }, +); diff --git a/app/client/cypress/fixtures/anvilTableWidget.json b/app/client/cypress/fixtures/anvilTableWidget.json new file mode 100644 index 000000000000..868c54245af1 --- /dev/null +++ b/app/client/cypress/fixtures/anvilTableWidget.json @@ -0,0 +1,6240 @@ +{ + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896, + "snapColumns": 64, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0, + "bottomRow": 380, + "containerStyle": "none", + "snapRows": 124, + "parentRowSpace": 1, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 89, + "minHeight": 1292, + "layout": [ + { + "layoutId": "7s35m0k7qs", + "layoutType": "ALIGNED_LAYOUT_COLUMN", + "layout": [ + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "tu71kxqc59", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "hfk34fbyq9", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "uecezzozwu", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "ktzd1ea33u", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "am2zkpv94i", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "m18z8xhpv4", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "b839m7j5w5", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "rgeevjx7k4", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + ], + "layoutStyle": { + "border": "none", + "height": "100%", + "padding": "spacing-4", + "gap": "spacing-4" + }, + "isDropTarget": true, + "isPermanent": true, + "childTemplate": { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [], + "layoutId": "", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + } + ], + "dynamicTriggerPathList": [], + "parentColumnSpace": 1, + "dynamicBindingPathList": [], + "leftColumn": 0, + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone1", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ypkegwpwwq", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "ozrdc7wrwm", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + }, + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": false, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "0t5ujl8mr1", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "ozrdc7wrwm", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": false, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": false, + "buttonVariant": "filled", + "verticalAlignment": "center" + }, + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": false, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy1", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "46pr0fhsrs", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "ozrdc7wrwm", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "ozrdc7wrwm", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tu71kxqc59", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "mvo8cwrej8", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ypkegwpwwq", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + }, + { + "insertChild": true, + "layoutId": "susvecct9e", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "0t5ujl8mr1", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + }, + { + "insertChild": true, + "layoutId": "7cph7t3t7v", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "46pr0fhsrs", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "4maeiegoyn", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ck9px4n4my", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "tu71kxqc59", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "ozrdc7wrwm", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "dxo6qpesx9", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "ozrdc7wrwm": 12 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section2", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy2", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7a9yk5a2w3", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "t255oppt4o", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "t255oppt4o", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "uecezzozwu", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "5bxjv803gk", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "7a9yk5a2w3", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "i2l6wtdqwk", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone3", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy3", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "hvn7mpmlol", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "wvbgamuuq7", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "wvbgamuuq7", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "uecezzozwu", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "g10dqpb4u7", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "hvn7mpmlol", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "lyr039cmwb", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ck9px4n4my", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "uecezzozwu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 2, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "t255oppt4o", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "wvbgamuuq7", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "3sfc0knngq", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "t255oppt4o": 6, + "wvbgamuuq7": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3Copy", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4Copy", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy4Copy", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "1nz0qk27gc", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "1p0w61jjla", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "1p0w61jjla", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "am2zkpv94i", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "a6b8v3jsxe", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "1nz0qk27gc", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "bjhx0sjwm8", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5Copy", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy5Copy1", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "cncm6kcqgf", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "imhclinb7t", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "imhclinb7t", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "am2zkpv94i", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "005b6gl516", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "cncm6kcqgf", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "3e9spnko17", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone6Copy", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy5CopyCopy1", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "xdrd47znle", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "mni2sungpe", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "mni2sungpe", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "am2zkpv94i", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "wxmz842d78", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "xdrd47znle", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "kzatjgowju", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ck9px4n4my", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "am2zkpv94i", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 3, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "1p0w61jjla", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "imhclinb7t", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "mni2sungpe", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "61g7doh6x7", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "1p0w61jjla": 4, + "imhclinb7t": 4, + "mni2sungpe": 4 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3Copy1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4Copy1", + "flexGrow": 3, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy4Copy1", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "10avv5rorz", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "no97yl4fal", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "no97yl4fal", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "b839m7j5w5", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "rxvsyjbue7", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "10avv5rorz", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "mo2tfiuia3", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5Copy1", + "flexGrow": 3, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy5Copy2", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "y8g36m8kw2", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "xz0fthgwj5", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "xz0fthgwj5", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "b839m7j5w5", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "9s3f8kgiqj", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "y8g36m8kw2", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "vglk9vr7ub", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone6Copy1", + "flexGrow": 3, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy5CopyCopy2", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "auxd9v0yfi", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "xir15yb3lm", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "xir15yb3lm", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "b839m7j5w5", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "6alxfuby93", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "auxd9v0yfi", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "juvqlnde9f", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone7Copy", + "flexGrow": 3, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "isVisibleDownload": true, + "topRow": 0, + "isSortable": true, + "pageSize": "1", + "type": "WDS_TABLE_WIDGET", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [], + "needsHeightForContent": true, + "leftColumn": 0, + "delimiter": ",", + "defaultSelectedRowIndex": 0, + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2, + "totalRecordsCount": 0, + "tags": [ + "Suggested", + "Display" + ], + "isLoading": false, + "columnUpdatedAt": 1719985967344, + "defaultSelectedRowIndices": [ + 0 + ], + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Table1Copy5CopyCopyCopy", + "defaultPageSize": 0, + "columnOrder": [ + "Name", + "Company", + "Title", + "Phone_number", + "Email", + "Registration_date" + ], + "dynamicPropertyPathList": [ + { + "key": "tableData" + } + ], + "buttonColor": "accent", + "displayName": "Table", + "bottomRow": 10, + "columnWidthMap": {}, + "parentRowSpace": 10, + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "primaryColumns": { + "Name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0, + "width": 150, + "originalId": "Name", + "id": "Name", + "alias": "Name", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Name", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Company": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1, + "width": 150, + "originalId": "Company", + "id": "Company", + "alias": "Company", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Company", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Title": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2, + "width": 150, + "originalId": "Title", + "id": "Title", + "alias": "Title", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Title", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Phone_number": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3, + "width": 150, + "originalId": "Phone number", + "id": "Phone_number", + "alias": "Phone number", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Phone number", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4, + "width": 150, + "originalId": "Email", + "id": "Email", + "alias": "Email", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "text", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Email", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + }, + "Registration_date": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5, + "width": 150, + "originalId": "Registration date", + "id": "Registration_date", + "alias": "Registration date", + "horizontalAlignment": "start", + "verticalAlignment": "center", + "columnType": "date", + "textColor": "#231F20", + "textSize": "0.875rem", + "fontStyle": "REGULAR", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "Registration date", + "isSaveVisible": true, + "isDiscardVisible": true, + "sticky": "", + "validation": {}, + "currencyCode": "USD", + "decimals": 0, + "thousandSeparator": true, + "notation": "standard", + "buttonColor": "accent" + } + }, + "key": "o2lva12nb7", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "9eaqsrvcc1", + "tableData": [ + { + "Name": "John Doe", + "Company": "TechCorp", + "Title": "Software Engineer", + "Phone number": "(555) 123-4567", + "Email": "john.doe@techcorp.com", + "Registration date": "2023-01-15" + }, + { + "Name": "Jane Smith", + "Company": "Innovate Ltd", + "Title": "Project Manager", + "Phone number": "(555) 234-5678", + "Email": "jane.smith@innovatelt.com", + "Registration date": "2023-02-20" + }, + { + "Name": "Alice Johnson", + "Company": "Web Solutions", + "Title": "UX Designer", + "Phone number": "(555) 345-6789", + "Email": "alice.johnson@websolutions.com", + "Registration date": "2023-03-10" + }, + { + "Name": "Bob Brown", + "Company": "BuildIt", + "Title": "Construction Manager", + "Phone number": "(555) 456-7890", + "Email": "bob.brown@buildit.com", + "Registration date": "2023-04-05" + }, + { + "Name": "Charlie Davis", + "Company": "FinTech Inc", + "Title": "Financial Analyst", + "Phone number": "(555) 567-8901", + "Email": "charlie.davis@fintechinc.com", + "Registration date": "2023-05-12" + }, + { + "Name": "Dana Lee", + "Company": "HealthFirst", + "Title": "Nurse Practitioner", + "Phone number": "(555) 678-9012", + "Email": "dana.lee@healthfirst.com", + "Registration date": "2023-06-01" + }, + { + "Name": "Evan Martinez", + "Company": "AutoPro", + "Title": "Mechanical Engineer", + "Phone number": "(555) 789-0123", + "Email": "evan.martinez@autopro.com", + "Registration date": "2023-07-19" + }, + { + "Name": "Fiona Green", + "Company": "EduFuture", + "Title": "Curriculum Developer", + "Phone number": "(555) 890-1234", + "Email": "fiona.green@edufuture.com", + "Registration date": "2023-08-23" + }, + { + "Name": "George Harris", + "Company": "MarketMasters", + "Title": "Marketing Director", + "Phone number": "(555) 901-2345", + "Email": "george.harris@marketmasters.com", + "Registration date": "2023-09-07" + }, + { + "Name": "Hannah Wright", + "Company": "LegalEagle", + "Title": "Attorney", + "Phone number": "(555) 012-3456", + "Email": "hannah.wright@legaleagle.com", + "Registration date": "2023-10-15" + }, + { + "Name": "Ian Walker", + "Company": "HomeGoods", + "Title": "Retail Manager", + "Phone number": "(555) 123-4567", + "Email": "ian.walker@homegoods.com", + "Registration date": "2023-11-22" + }, + { + "Name": "Julia King", + "Company": "TravelWise", + "Title": "Travel Agent", + "Phone number": "(555) 234-5678", + "Email": "julia.king@travelwise.com", + "Registration date": "2023-12-30" + }, + { + "Name": "Kevin Scott", + "Company": "CleanEnergy", + "Title": "Environmental Scientist", + "Phone number": "(555) 345-6789", + "Email": "kevin.scott@cleanenergy.com", + "Registration date": "2024-01-08" + }, + { + "Name": "Laura Baker", + "Company": "MediaMinds", + "Title": "Content Strategist", + "Phone number": "(555) 456-7890", + "Email": "laura.baker@mediaminds.com", + "Registration date": "2024-02-18" + }, + { + "Name": "Michael Young", + "Company": "CyberSecure", + "Title": "Cybersecurity Specialist", + "Phone number": "(555) 567-8901", + "Email": "michael.young@cybersecure.com", + "Registration date": "2024-03-29" + }, + { + "Name": "Nina Patel", + "Company": "AgriTech", + "Title": "Agricultural Engineer", + "Phone number": "(555) 678-9012", + "Email": "nina.patel@agritech.com", + "Registration date": "2024-04-10" + } + ], + "label": "Data", + "searchKey": "", + "parentId": "w0qjobc8nl", + "buttonLabel": "Action", + "renderMode": "CANVAS", + "mobileTopRow": 0, + "horizontalAlignment": "start", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "isVisiblePagination": true, + "buttonVariant": "filled", + "verticalAlignment": "center" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xn7kggh7c1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "w0qjobc8nl", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "b839m7j5w5", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "zpo0xv2xda", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "9eaqsrvcc1", + "widgetType": "WDS_TABLE_WIDGET" + } + ], + "allowedWidgetTypes": [], + "maxChildLimit": 1 + } + ], + "layoutId": "1tcufflo7c", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ck9px4n4my", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "b839m7j5w5", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 4, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "no97yl4fal", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "xz0fthgwj5", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "xir15yb3lm", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "w0qjobc8nl", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "8k3vayxda9", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "no97yl4fal": 3, + "xz0fthgwj5": 3, + "xir15yb3lm": 3, + "w0qjobc8nl": 3 + } + } + ] + } +} \ No newline at end of file diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvas.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvas.snap.png new file mode 100644 index 000000000000..09dee7868af1 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvas.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvasDark.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvasDark.snap.png new file mode 100644 index 000000000000..5f49386b8055 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetCanvasDark.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployipad-2.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployipad-2.snap.png new file mode 100644 index 000000000000..39f01417c4c6 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployipad-2.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployiphone-6.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployiphone-6.snap.png new file mode 100644 index 000000000000..b1573e82d6ea Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeployiphone-6.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeploymacbook-13.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeploymacbook-13.snap.png new file mode 100644 index 000000000000..8cddbbf20344 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetDeploymacbook-13.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetPreview.snap.png b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetPreview.snap.png new file mode 100644 index 000000000000..4c6e8137e69a Binary files /dev/null and b/app/client/cypress/snapshots/AnvilTableWidgetSnapshot_spec.ts/anvilTableWidgetPreview.snap.png differ diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/Table.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/Table.tsx index 087dfce2840c..fe2653d8d8d7 100644 --- a/app/client/src/widgets/wds/WDSTableWidget/component/Table.tsx +++ b/app/client/src/widgets/wds/WDSTableWidget/component/Table.tsx @@ -98,6 +98,7 @@ export interface TableProps { showConnectDataOverlay: boolean; onConnectData: () => void; excludeFromTabOrder?: boolean; + disableScroll?: boolean; } const defaultColumn = { @@ -294,6 +295,7 @@ export function Table(props: TableProps) { )}
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/index.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/index.tsx index f6ad957954e8..1652d66683c4 100644 --- a/app/client/src/widgets/wds/WDSTableWidget/component/index.tsx +++ b/app/client/src/widgets/wds/WDSTableWidget/component/index.tsx @@ -82,6 +82,7 @@ interface ReactTableComponentProps { showConnectDataOverlay: boolean; onConnectData: () => void; excludeFromTabOrder?: boolean; + disableScroll?: boolean; } function ReactTableComponent(props: ReactTableComponentProps) { @@ -98,6 +99,7 @@ function ReactTableComponent(props: ReactTableComponentProps) { delimiter, disabledAddNewRowSave, disableDrag, + disableScroll, editableCell, editMode, filters, @@ -209,6 +211,7 @@ function ReactTableComponent(props: ReactTableComponentProps) { data={tableData} delimiter={delimiter} disableDrag={memoziedDisableDrag} + disableScroll={disableScroll} disabledAddNewRowSave={disabledAddNewRowSave} editMode={editMode} editableCell={editableCell} @@ -312,6 +315,7 @@ export default React.memo(ReactTableComponent, (prev, next) => { prev.allowSorting === next.allowSorting && prev.disabledAddNewRowSave === next.disabledAddNewRowSave && prev.canFreezeColumn === next.canFreezeColumn && - prev.showConnectDataOverlay === next.showConnectDataOverlay + prev.showConnectDataOverlay === next.showConnectDataOverlay && + prev.disableScroll === next.disableScroll ); }); diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/styles.module.css b/app/client/src/widgets/wds/WDSTableWidget/component/styles.module.css index b1b13cbbd1a4..8aa72cc38306 100644 --- a/app/client/src/widgets/wds/WDSTableWidget/component/styles.module.css +++ b/app/client/src/widgets/wds/WDSTableWidget/component/styles.module.css @@ -34,6 +34,10 @@ container-type: inline-size; } + [data-disable-scroll] { + overflow: hidden; + } + /* -------------------------------------------------------------------------- * TABLE *-------------------------------------------------------------------------- */ @@ -163,6 +167,10 @@ border-inline-end: var(--border-width-1) solid var(--color-bd); } + &[data-variant="default"] [role="row"]:last-child [role="cell"] { + border-block-end-color: transparent; + } + &:is([data-variant="horizontal-borders"], [data-variant="default"]) [role="cell"] { border-block-end: var(--border-width-1) solid var(--color-bd); diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx index 0e7e69809d39..818ece1fde2d 100644 --- a/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx +++ b/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx @@ -925,6 +925,10 @@ export class WDSTableWidget extends BaseWidget { columns={tableColumns} delimiter={delimiter} disableDrag={this.toggleDrag} + disableScroll={ + this.props.renderMode === RenderModes.CANVAS && + !Boolean(this.props.isPreviewMode) + } excludeFromTabOrder={this.props.disableWidgetInteraction} handleReorderColumn={this.handleReorderColumn} handleResizeColumn={this.handleResizeColumn} diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx b/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx index 8b143e4f241b..becd8b7b2b92 100644 --- a/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx +++ b/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx @@ -18,6 +18,8 @@ export type getColumns = ( renderMode: RenderMode, ) => ReactTableColumnProps[]; +const BORDER_WIDTH = 1; + //TODO: (Vamsi) need to unit test this function export const getColumnsPureFn: getColumns = ( @@ -94,7 +96,9 @@ export const getColumnsPureFn: getColumns = ( columns[lastColumnIndex].width || DEFAULT_COLUMN_WIDTH; const remainingWidth = componentWidth - totalColumnWidth; // Adding the remaining width i.e. space left towards the right, to the last column width - columns[lastColumnIndex].width = lastColumnWidth + remainingWidth; + // Note: subtracting 2 * BORDER_WIDTH to account for the border width, as componentWidth includes the border width as well + columns[lastColumnIndex].width = + lastColumnWidth + remainingWidth - 2 * BORDER_WIDTH; } } else if (totalColumnWidth > componentWidth) { /*