{ "dsl": { "widgetName": "MainContainer", "backgroundColor": "none", "rightColumn": 1095, "snapColumns": 64, "detachFromLayout": true, "widgetId": "0", "topRow": 0, "bottomRow": 5016, "containerStyle": "none", "snapRows": 125, "parentRowSpace": 1, "type": "CANVAS_WIDGET", "canExtend": true, "version": 46, "minHeight": 930, "parentColumnSpace": 1, "dynamicBindingPathList": [ ], "leftColumn": 0, "children": [ { "isVisible": true, "defaultSelectedRow": "0", "label": "Data", "widgetName": "Table1", "searchKey": "", "textSize": "PARAGRAPH", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "totalRecordsCount": 0, "defaultPageSize": 0, "dynamicBindingPathList": [ { "key": "primaryColumns.step.computedValue" }, { "key": "primaryColumns.task.computedValue" }, { "key": "primaryColumns.status.computedValue" }, { "key": "primaryColumns.action.computedValue" } ], "primaryColumns": { "step": { "index": 0, "width": 150, "id": "step", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "PARAGRAPH", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isDerived": false, "label": "step", "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}" }, "task": { "index": 1, "width": 150, "id": "task", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "PARAGRAPH", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isDerived": false, "label": "task", "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}" }, "status": { "index": 2, "width": 150, "id": "status", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "text", "textSize": "PARAGRAPH", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isDerived": false, "label": "status", "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}" }, "action": { "index": 3, "width": 150, "id": "action", "horizontalAlignment": "LEFT", "verticalAlignment": "CENTER", "columnType": "button", "textSize": "PARAGRAPH", "enableFilter": true, "enableSort": true, "isVisible": true, "isCellVisible": true, "isDisabled": false, "isDerived": false, "label": "action", "onClick": "{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}", "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.action))}}" } }, "derivedColumns": { }, "tableData": [ { "step": "#1", "task": "Drop a table", "status": "✅", "action": "" }, { "step": "#2", "task": "Create a query fetch_users with the Mock DB", "status": "--", "action": "" }, { "step": "#3", "task": "Bind the query using => fetch_users.data", "status": "--", "action": "" } ], "columnSizeMap": { "task": 245, "step": 62, "status": 75 }, "columnOrder": [ "step", "task", "status", "action" ], "isVisibleSearch": true, "isVisibleFilters": true, "isVisibleDownload": true, "isVisiblePagination": true, "isSortable": true, "delimiter": ",", "version": 3, "type": "TABLE_WIDGET", "hideCard": false, "displayName": "Table", "key": "y3v2mu6lds", "iconSVG": "/static/media/icon.db8a9cbd.svg", "widgetId": "tulofhk1fb", "renderMode": "CANVAS", "isLoading": false, "parentColumnSpace": 16.921875, "parentRowSpace": 10, "leftColumn": 15, "rightColumn": 49, "topRow": 22, "bottomRow": 50, "parentId": "0" } ] } }