{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 4896, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 880, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 60, "minHeight": 1292, "dynamicTriggerPathList": [], "parentColumnSpace": 1, "dynamicBindingPathList": [], "leftColumn": 0, "children": [ { "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "isVisibleDownload": true, "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg", "topRow": 12, "isSortable": true, "type": "TABLE_WIDGET_V2", "inlineEditingSaveOption": "ROW_LEVEL", "animateLoading": true, "dynamicBindingPathList": [ { "key": "accentColor" }, { "key": "borderRadius" }, { "key": "boxShadow" }, { "key": "childStylesheet.button.buttonColor" }, { "key": "childStylesheet.button.borderRadius" }, { "key": "childStylesheet.menuButton.menuColor" }, { "key": "childStylesheet.menuButton.borderRadius" }, { "key": "childStylesheet.iconButton.buttonColor" }, { "key": "childStylesheet.iconButton.borderRadius" }, { "key": "childStylesheet.editActions.saveButtonColor" }, { "key": "childStylesheet.editActions.saveBorderRadius" }, { "key": "childStylesheet.editActions.discardButtonColor" }, { "key": "childStylesheet.editActions.discardBorderRadius" }, { "key": "primaryColumns.EditActions1.saveButtonColor" }, { "key": "primaryColumns.EditActions1.saveBorderRadius" }, { "key": "primaryColumns.EditActions1.discardBorderRadius" }, { "key": "primaryColumns.EditActions1.isSaveDisabled" }, { "key": "primaryColumns.EditActions1.isDiscardDisabled" }, { "key": "primaryColumns.id.computedValue" }, { "key": "primaryColumns.gender.computedValue" }, { "key": "primaryColumns.latitude.computedValue" }, { "key": "primaryColumns.longitude.computedValue" }, { "key": "primaryColumns.dob.computedValue" }, { "key": "primaryColumns.phone.computedValue" }, { "key": "primaryColumns.email.computedValue" }, { "key": "primaryColumns.image.computedValue" }, { "key": "primaryColumns.country.computedValue" }, { "key": "primaryColumns.name.computedValue" }, { "key": "primaryColumns.image.displayText" } ], "leftColumn": 9, "delimiter": ",", "defaultSelectedRowIndex": 0, "showInlineEditingOptionDropdown": true, "accentColor": "{{appsmith.theme.colors.primaryColor}}", "isVisibleFilters": true, "isVisible": true, "enableClientSideSearch": true, "version": 1, "totalRecordsCount": 0, "isLoading": false, "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "menuButton": { "menuColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "iconButton": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "boxShadow": "none" }, "editActions": { "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" } }, "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", "defaultSelectedRowIndices": [ 0 ], "widgetName": "Table1", "defaultPageSize": 0, "columnOrder": [ "image", "id", "gender", "latitude", "longitude", "dob", "phone", "email", "country", "name", "EditActions1" ], "dynamicPropertyPathList": [ { "key": "primaryColumns.EditActions1.isSaveDisabled" }, { "key": "primaryColumns.EditActions1.isDiscardDisabled" }, { "key": "tableData" } ], "displayName": "Table", "bottomRow": 41, "columnWidthMap": { "task": 245, "step": 118, "status": 75 }, "parentRowSpace": 10, "hideCard": false, "parentColumnSpace": 42.5625, "dynamicTriggerPathList": [], "primaryColumns": { "EditActions1": { "allowCellWrapping": false, "index": 4, "width": 150, "originalId": "EditActions1", "id": "EditActions1", "alias": "EditActions1", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "editActions", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": true, "label": "Save / Discard", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "", "validation": {}, "buttonStyle": "rgb(3, 179, 101)", "saveIconAlign": "left", "discardIconAlign": "left", "saveActionLabel": "Save", "discardActionLabel": "Discard", "saveButtonColor": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}", "discardButtonColor": "#F22B2B", "saveBorderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}", "discardBorderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}", "discardButtonVariant": "TERTIARY", "isSaveDisabled": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( !Table1.updatedRowIndices.includes(currentIndex)))}}", "isDiscardDisabled": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( !Table1.updatedRowIndices.includes(currentIndex)))}}" }, "id": { "allowCellWrapping": false, "index": 0, "width": 150, "originalId": "id", "id": "id", "alias": "id", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "id", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", "cellBackground": "" }, "gender": { "allowCellWrapping": false, "index": 1, "width": 150, "originalId": "gender", "id": "gender", "alias": "gender", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "gender", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", "cellBackground": "" }, "latitude": { "allowCellWrapping": false, "index": 2, "width": 150, "originalId": "latitude", "id": "latitude", "alias": "latitude", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "latitude", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"latitude\"]))}}", "cellBackground": "" }, "longitude": { "allowCellWrapping": false, "index": 3, "width": 150, "originalId": "longitude", "id": "longitude", "alias": "longitude", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "longitude", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"longitude\"]))}}", "cellBackground": "" }, "dob": { "allowCellWrapping": false, "index": 4, "width": 150, "originalId": "dob", "id": "dob", "alias": "dob", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "dob", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"dob\"]))}}", "cellBackground": "" }, "phone": { "allowCellWrapping": false, "index": 5, "width": 150, "originalId": "phone", "id": "phone", "alias": "phone", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "phone", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"phone\"]))}}", "cellBackground": "" }, "email": { "allowCellWrapping": false, "index": 6, "width": 150, "originalId": "email", "id": "email", "alias": "email", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "email", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", "cellBackground": "" }, "image": { "allowCellWrapping": false, "index": 7, "width": 150, "originalId": "image", "id": "image", "alias": "image", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "url", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "image", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"image\"]))}}", "cellBackground": "", "displayText": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'Profile pic'))}}" }, "country": { "allowCellWrapping": false, "index": 8, "width": 150, "originalId": "country", "id": "country", "alias": "country", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "country", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"country\"]))}}", "cellBackground": "" }, "name": { "allowCellWrapping": false, "index": 9, "width": 150, "originalId": "name", "id": "name", "alias": "name", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textColor": "", "textSize": "0.875rem", "enableFilter": true, "enableSort": true, "isVisible": true, "isDisabled": false, "isCellEditable": false, "isEditable": false, "isCellVisible": true, "isDerived": false, "label": "name", "isSaveVisible": true, "isDiscardVisible": true, "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", "cellBackground": "" } }, "key": "66mipr3bhq", "isDeprecated": false, "rightColumn": 57, "textSize": "0.875rem", "widgetId": "8qeuty6826", "tableData": "[\n {\n \"id\": 1,\n \"gender\": \"female\",\n \"latitude\": \"-45.7997\",\n \"longitude\": \"134.7575\",\n \"dob\": \"1949-03-04T20:39:54.475Z\",\n \"phone\": \"02-4497-0877\",\n \"email\": \"hilda.fisher@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/39.jpg\",\n \"country\": \"Australia\",\n \"name\": \"fish\"\n },\n {\n \"id\": 2,\n \"gender\": \"male\",\n \"latitude\": \"42.9756\",\n \"longitude\": \"105.8589\",\n \"dob\": \"1987-04-23T20:44:58.921Z\",\n \"phone\": \"(456)-174-6938\",\n \"email\": \"alies@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/6.jpg\",\n \"country\": \"Netherlands\",\n \"name\": \"Aliesds\"\n },\n {\n \"id\": 3,\n \"gender\": \"female\",\n \"latitude\": \"-14.0884\",\n \"longitude\": \"27.0428\",\n \"dob\": \"1980-05-14T12:00:46.973Z\",\n \"phone\": \"29700140\",\n \"email\": \"sofia@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/88.jpg\",\n \"country\": \"Norway\",\n \"name\": \"Sofia\"\n },\n {\n \"id\": 4,\n \"gender\": \"male\",\n \"latitude\": \"-88.0169\",\n \"longitude\": \"-118.7708\",\n \"dob\": \"1984-02-25T07:31:12.723Z\",\n \"phone\": \"594-620-3202\",\n \"email\": \"jack.frost@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/52.jpg\",\n \"country\": \"Canada\",\n \"name\": \"Jack\"\n },\n {\n \"id\": 5,\n \"gender\": \"female\",\n \"latitude\": \"73.6320\",\n \"longitude\": \"-167.3976\",\n \"dob\": \"1995-11-22T02:25:20.419Z\",\n \"phone\": \"016973 12222\",\n \"email\": \"caroline.daniels@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/91.jpg\",\n \"country\": \"United Kingdom\",\n \"name\": \"Caroline Daniels\"\n },\n {\n \"id\": 6,\n \"gender\": \"male\",\n \"latitude\": \"86.1891\",\n \"longitude\": \"-56.8442\",\n \"dob\": \"1959-02-20T02:42:20.579Z\",\n \"phone\": \"61521059\",\n \"email\": \"mohamad.persson@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/58.jpg\",\n \"country\": \"Norway\",\n \"name\": \"Mohamad Persson\"\n },\n {\n \"id\": 7,\n \"gender\": \"male\",\n \"latitude\": \"-83.6654\",\n \"longitude\": \"87.6481\",\n \"dob\": \"1952-02-22T18:47:29.476Z\",\n \"phone\": \"(212)-051-1147\",\n \"email\": \"julia.armstrong@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/30.jpg\",\n \"country\": \"United States\",\n \"name\": \"Julia Armstrong\"\n },\n {\n \"id\": 8,\n \"gender\": \"female\",\n \"latitude\": \"38.7394\",\n \"longitude\": \"-31.7919\",\n \"dob\": \"1955-10-07T11:31:49.823Z\",\n \"phone\": \"(817)-164-4040\",\n \"email\": \"shiva.duijf@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/women/88.jpg\",\n \"country\": \"Netherlands\",\n \"name\": \"Shiva Duijf\"\n },\n {\n \"id\": 9,\n \"gender\": \"male\",\n \"latitude\": \"4.5623\",\n \"longitude\": \"9.0901\",\n \"dob\": \"1952-02-05T07:30:11.466Z\",\n \"phone\": \"33668847\",\n \"email\": \"john.haugsvaer@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/30.jpg\",\n \"country\": \"Norway\",\n \"name\": \"John Haugsvær\"\n },\n {\n \"id\": 10,\n \"gender\": \"male\",\n \"latitude\": \"-49.4156\",\n \"longitude\": \"-132.3755\",\n \"dob\": \"1977-03-27T02:12:01.151Z\",\n \"phone\": \"212-355-8035\",\n \"email\": \"david.mackay@example.com\",\n \"image\": \"https://randomuser.me/api/portraits/med/men/73.jpg\",\n \"country\": \"Canada\",\n \"name\": \"David Mackay\"\n }\n]", "label": "Data", "searchKey": "", "parentId": "0", "renderMode": "CANVAS", "horizontalAlignment": "LEFT", "isVisibleSearch": true, "isVisiblePagination": true, "verticalAlignment": "CENTER" } ] } }