{
   "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":59,
      "minHeight":1292,
      "dynamicTriggerPathList":[
         
      ],
      "parentColumnSpace":1,
      "dynamicBindingPathList":[
         
      ],
      "leftColumn":0,
      "children":[
         {
            "isVisible":true,
            "animateLoading":true,
            "defaultSelectedRowIndex":0,
            "defaultSelectedRowIndices":[
               0
            ],
            "label":"Data",
            "widgetName":"Table1",
            "searchKey":"",
            "textSize":"0.875rem",
            "horizontalAlignment":"LEFT",
            "verticalAlignment":"CENTER",
            "totalRecordsCount":0,
            "defaultPageSize":0,
            "inlineEditingSaveOption": "ROW_LEVEL",
            "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"
               },
               {
                  "key":"childStylesheet.editActions.saveButtonColor"
               },
               {
                  "key":"childStylesheet.editActions.saveBorderRadius"
               },
               {
                  "key":"childStylesheet.editActions.discardButtonColor"
               },
               {
                  "key":"childStylesheet.editActions.discardBorderRadius"
               }
            ],
            "aliasMap":{
               "step":"step",
               "task":"task",
               "status":"status",
               "action":"action"
            },
            "primaryColumns":{
               "step":{
                  "index":0,
                  "width":150,
                  "id":"step",
                  "originalId":"step",
                  "alias":"step",
                  "horizontalAlignment":"LEFT",
                  "verticalAlignment":"CENTER",
                  "columnType":"text",
                  "textSize":"0.875rem",
                  "enableFilter":true,
                  "enableSort":true,
                  "isVisible":true,
                  "isCellVisible":true,
                  "isCellEditable":false,
                  "isDerived":false,
                  "label":"step",
                  "computedValue":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}",
                  "labelColor":"#FFFFFF"
               },
               "task":{
                  "index":1,
                  "width":150,
                  "id":"task",
                  "originalId":"task",
                  "alias":"task",
                  "horizontalAlignment":"LEFT",
                  "verticalAlignment":"CENTER",
                  "columnType":"text",
                  "textSize":"0.875rem",
                  "enableFilter":true,
                  "enableSort":true,
                  "isVisible":true,
                  "isCellVisible":true,
                  "isCellEditable":false,
                  "isDerived":false,
                  "label":"task",
                  "computedValue":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}",
                  "labelColor":"#FFFFFF"
               },
               "status":{
                  "index":2,
                  "width":150,
                  "id":"status",
                  "originalId":"status",
                  "alias":"status",
                  "horizontalAlignment":"LEFT",
                  "verticalAlignment":"CENTER",
                  "columnType":"text",
                  "textSize":"0.875rem",
                  "enableFilter":true,
                  "enableSort":true,
                  "isVisible":true,
                  "isCellVisible":true,
                  "isCellEditable":false,
                  "isDerived":false,
                  "label":"status",
                  "computedValue":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}",
                  "labelColor":"#FFFFFF"
               },
               "action":{
                  "index":3,
                  "width":150,
                  "id":"action",
                  "originalId":"action",
                  "alias":"action",
                  "horizontalAlignment":"LEFT",
                  "verticalAlignment":"CENTER",
                  "columnType":"button",
                  "textSize":"0.875rem",
                  "enableFilter":true,
                  "enableSort":true,
                  "isVisible":true,
                  "isCellVisible":true,
                  "isCellEditable":false,
                  "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.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}",
                  "labelColor":"#FFFFFF",
                  "buttonColor":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}",
                  "borderRadius":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
                  "boxShadow":"{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}"
               }
            },
            "tableData":[
               {
                  "step":"",
                  "task":"Drop a table",
                  "status":"✅",
                  "action":""
               },
               {
                  "step":"",
                  "task":"Create a query fetch_users with the Mock DB",
                  "status":"--",
                  "action":""
               },
               {
                  "step":"",
                  "task":"Bind the query using => fetch_users.data",
                  "status":"--",
                  "action":""
               }
            ],
            "columnWidthMap":{
               "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,
            "type":"TABLE_WIDGET_V2",
            "hideCard":false,
            "isDeprecated":false,
            "displayName":"Table",
            "key":"0nh5ivigfg",
            "iconSVG":"/static/media/icon.db8a9cbd.svg",
            "widgetId":"kowp4cqdqt",
            "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"
               },
               "editActions":{
                  "saveButtonColor":"{{appsmith.theme.colors.primaryColor}}",
                  "saveBorderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}",
                  "discardButtonColor":"{{appsmith.theme.colors.primaryColor}}",
                  "discardBorderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}"
               }
            },
            "isLoading":false,
            "parentColumnSpace":20.0625,
            "parentRowSpace":10,
            "leftColumn":0,
            "rightColumn":64,
            "topRow":2,
            "bottomRow":24,
            "parentId":"0"
         }
      ]
   }
}