{
  "dsl": {
      "widgetName": "MainContainer",
      "backgroundColor": "none",
      "rightColumn": 4896,
      "snapColumns": 64,
      "detachFromLayout": true,
      "widgetId": "0",
      "topRow": 0,
      "bottomRow": 1290,
      "containerStyle": "none",
      "snapRows": 125,
      "parentRowSpace": 1,
      "type": "CANVAS_WIDGET",
      "canExtend": true,
      "version": 60,
      "minHeight": 1292,
      "dynamicTriggerPathList": [],
      "parentColumnSpace": 1,
      "dynamicBindingPathList": [],
      "leftColumn": 0,
      "children": [
          {
              "isVisible": true,
              "animateLoading": true,
              "defaultSelectedRow": "0",
              "label": "Data",
              "widgetName": "Table1",
              "searchKey": "",
              "textSize": "0.875rem",
              "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"
                  },
                  {
                      "key": "primaryColumns.action.buttonColor"
                  },
                  {
                      "key": "primaryColumns.action.borderRadius"
                  },
                  {
                      "key": "primaryColumns.action.boxShadow"
                  },
                  {
                      "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"
                  }
              ],
              "primaryColumns": {
                  "step": {
                      "index": 0,
                      "width": 150,
                      "id": "step",
                      "horizontalAlignment": "LEFT",
                      "verticalAlignment": "CENTER",
                      "columnType": "text",
                      "textSize": "0.875rem",
                      "enableFilter": true,
                      "enableSort": true,
                      "isVisible": true,
                      "isCellVisible": true,
                      "isDerived": false,
                      "label": "step",
                      "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}",
                      "labelColor": "#FFFFFF"
                  },
                  "task": {
                      "index": 1,
                      "width": 150,
                      "id": "task",
                      "horizontalAlignment": "LEFT",
                      "verticalAlignment": "CENTER",
                      "columnType": "text",
                      "textSize": "0.875rem",
                      "enableFilter": true,
                      "enableSort": true,
                      "isVisible": true,
                      "isCellVisible": true,
                      "isDerived": false,
                      "label": "task",
                      "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}",
                      "labelColor": "#FFFFFF"
                  },
                  "status": {
                      "index": 2,
                      "width": 150,
                      "id": "status",
                      "horizontalAlignment": "LEFT",
                      "verticalAlignment": "CENTER",
                      "columnType": "text",
                      "textSize": "0.875rem",
                      "enableFilter": true,
                      "enableSort": true,
                      "isVisible": true,
                      "isCellVisible": true,
                      "isDerived": false,
                      "label": "status",
                      "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}",
                      "labelColor": "#FFFFFF"
                  },
                  "action": {
                      "index": 3,
                      "width": 150,
                      "id": "action",
                      "horizontalAlignment": "LEFT",
                      "verticalAlignment": "CENTER",
                      "columnType": "button",
                      "textSize": "0.875rem",
                      "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))}}",
                      "labelColor": "#FFFFFF",
                      "buttonColor": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.colors.primaryColor))}}",
                      "borderRadius": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
                      "boxShadow": "{{Table1.sanitizedTableData.map((currentRow) => ( 'none'))}}"
                  }
              },
              "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"
              ],
              "enableClientSideSearch": true,
              "isVisibleSearch": true,
              "isVisibleFilters": true,
              "isVisibleDownload": true,
              "isVisiblePagination": true,
              "isSortable": true,
              "delimiter": ",",
              "version": 3,
              "searchTags": [
                  "datagrid"
              ],
              "type": "TABLE_WIDGET",
              "hideCard": false,
              "isDeprecated": false,
              "displayName": "Table",
              "key": "m86vz6tvzd",
              "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg",
              "widgetId": "nerteym3gd",
              "renderMode": "CANVAS",
              "accentColor": "{{appsmith.theme.colors.primaryColor}}",
              "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
              "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
              "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"
                  }
              },
              "isLoading": false,
              "parentColumnSpace": 12.5625,
              "parentRowSpace": 10,
              "leftColumn": 1,
              "rightColumn": 64,
              "topRow": 1,
              "bottomRow": 29,
              "parentId": "0"
          }
      ]
  }
}