Table expandable rows

I have expandable rows enabled in my table. I've added a single Text component to the row. For some reason, this text component only shows on the first row. The second row is not expandable. What am I doing wrong? Thanks!

Alex

Are you on the cloud?
I am on
Screenshot 2023-08-25 at 12.20.51 PM

On the table component in the canvas, right click and refresh state / or reload the table data and see what happens

I'm on the same version. I've tried refreshing the table state, reloading the table data, and opening the editor in another browser. The second row is never expandable.

image

It is working for me - one other thing to try is to recreate the table and try again.... other than that I don't know :frowning:

Very strange. I just tried creating a new app, adding a single table with expandable rows, populating that app with an array of data, and adding a single text box component. Still, I cannot expand the second row. If I open in a different browser, it's the same behavior.

Here's the export (I'm not allowed to upload an attachment since I'm a new user).

{
  "uuid": "ba9c283c-436b-11ee-9e05-2b025d86c036",
  "page": {
    "id": 182266554,
    "data": {
      "appState": "[\"~#iR\",[\"^ \",\"n\",\"appTemplate\",\"v\",[\"^ \",\"isFetching\",false,\"plugins\",[\"~#iOM\",[\"table1\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"table1\",\"uuid\",\"56e2065e-1edb-4e0f-84d4-7336f04518d2\",\"type\",\"widget\",\"subtype\",\"TableWidget2\",\"namespace\",null,\"resourceName\",null,\"resourceDisplayName\",null,\"template\",[\"^3\",[\"selectedRowKey\",null,\"_nextAfterCursor\",\"\",\"_columnBackgroundColor\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_defaultSort\",null,\"_clearChangesetOnSave\",true,\"heightType\",\"fixed\",\"disableEdits\",false,\"_rowHeight\",\"medium\",\"_columnIds\",[\"~#iL\",[\"533f7\",\"58560\"]],\"_isSaving\",false,\"_actionIds\",[\"^;\",[]],\"_clearChangeset\",false,\"caseSensitiveFiltering\",false,\"_limitOffsetRowCount\",null,\"selectedSourceRow\",null,\"_dynamicColumnsEnabled\",false,\"disableSave\",false,\"_columnEditableOptions\",[\"^3\",[\"58560\",[\"^3\",[]],\"533f7\",[\"^3\",[\"showStepper\",true]]]],\"_toolbarPosition\",\"bottom\",\"_groupByColumns\",[\"^;\",[]],\"_toolbarButtonLabel\",[\"^3\",[\"1a\",\"Filter\",\"3c\",\"Download\",\"4d\",\"Refresh\"]],\"_nextBeforeCursor\",\"\",\"_persistRowSelection\",false,\"_toolbarButtonIcon\",[\"^3\",[\"1a\",\"bold/interface-text-formatting-filter-2\",\"3c\",\"bold/interface-download-button-2\",\"4d\",\"bold/interface-arrows-round-left\"]],\"changesetArray\",[],\"_toolbarButtonType\",[\"^3\",[\"1a\",\"filter\",\"3c\",\"custom\",\"4d\",\"custom\"]],\"_columnOptionList\",[\"^3\",[\"58560\",[\"^3\",[]],\"533f7\",[\"^3\",[]]]],\"_columnValueOverride\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"marginType\",\"normal\",\"_showBorder\",true,\"_templatePageSize\",null,\"_dynamicColumnProperties\",[\"^3\",[]],\"_showHeader\",true,\"_currentPage\",0,\"_columnKey\",[\"^3\",[\"58560\",\"name\",\"533f7\",\"phone\"]],\"hidden\",false,\"_toolbarButtonIds\",[\"^;\",[\"1a\",\"3c\",\"4d\"]],\"data\",\"[\\n  { name: 'Bob', phone: '5125551212'},\\n  { name: 'Sue', phone: '8455551212' }\\n]\",\"_cellSelection\",\"none\",\"_serverPaginated\",false,\"_linkedFilterId\",null,\"searchMode\",\"fuzzy\",\"_columnCellTooltip\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_columnFormat\",[\"^3\",[\"58560\",\"string\",\"533f7\",\"string\"]],\"_cursorCache\",[\"^ \"],\"_calculatedPageSize\",null,\"_primaryKeyColumnId\",\"533f7\",\"selectedDataIndex\",null,\"_columnAlignment\",[\"^3\",[\"58560\",\"left\",\"533f7\",\"left\"]],\"_actionIcon\",[\"^3\",[]],\"_columnTooltip\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_columnIcon\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_columnCellTooltipMode\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_pageSize\",null,\"showInEditor\",false,\"selectedSourceRows\",[],\"_enableExpandableRows\",true,\"_selectMultipleRowsOnActionClick\",\"no\",\"_columnSortDisabled\",[\"^3\",[\"58560\",false,\"533f7\",false]],\"_showSummaryRow\",false,\"filterStack\",null,\"_expandedRows\",null,\"changesetObject\",null,\"_actionDisabled\",[\"^3\",[]],\"_columnReferenceId\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_dynamicColumnSource\",[],\"_rowSelection\",\"single\",\"_columnCaption\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_dynamicColumnFormatOptions\",[\"^3\",[]],\"_dynamicRowHeights\",false,\"_columnFormatOptions\",[\"^3\",[\"58560\",[\"^3\",[]],\"533f7\",[\"^3\",[\"showSeparators\",true,\"notation\",\"standard\"]]]],\"_changeset\",null,\"_afterCursor\",\"\",\"selectedRowKeys\",[],\"_beforeCursor\",\"\",\"_columnSummaryAggregationMode\",[\"^3\",[\"58560\",\"none\",\"533f7\",\"none\"]],\"searchTerm\",\"\",\"selectedRows\",[],\"_disabledVirtualization\",false,\"_showColumnBorders\",false,\"_columnStatusIndicatorOptions\",[\"^3\",[\"58560\",[\"^3\",[]],\"533f7\",[\"^3\",[]]]],\"_columnSize\",[\"^3\",[\"58560\",100,\"533f7\",100]],\"_serverPaginationType\",\"limitOffsetBased\",\"_selectSingleRowsOnActionClick\",\"replace\",\"_showFooter\",true,\"_groupedColumnConfig\",[\"^3\",[]],\"_virtualizeStartIndex\",0,\"_toolbarButtonHidden\",[\"^3\",[\"1a\",\"\",\"3c\",\"\",\"4d\",\"\"]],\"_defaultFilters\",[\"^3\",[]],\"events\",[\"^;\",[[\"^3\",[\"type\",\"widget\",\"waitMs\",\"0\",\"waitType\",\"debounce\",\"event\",\"clickToolbar\",\"method\",\"exportData\",\"pluginId\",\"table1\",\"targetId\",\"3c\"]],[\"^3\",[\"type\",\"widget\",\"waitMs\",\"0\",\"waitType\",\"debounce\",\"event\",\"clickToolbar\",\"method\",\"refresh\",\"pluginId\",\"table1\",\"targetId\",\"4d\"]]]],\"_columnEditable\",[\"^3\",[\"58560\",\"\",\"533f7\",\"false\"]],\"pagination\",null,\"selectedDataIndexes\",[],\"_columnGroupAggregationMode\",[\"^3\",[\"58560\",\"none\",\"533f7\",\"sum\"]],\"sortArray\",[],\"_selectedCell\",null,\"overflowType\",\"scroll\",\"selectedCell\",null,\"_defaultSelectedRow\",[\"^3\",[\"mode\",\"index\",\"indexType\",\"display\",\"index\",0]],\"_hasNextPage\",false,\"_includeRowInChangesetArray\",false,\"_columnPosition\",[\"^3\",[\"58560\",\"center\",\"533f7\",\"center\"]],\"_enableSaveActions\",true,\"_columnPlaceholder\",[\"^3\",[\"58560\",\"Enter value\",\"533f7\",\"Enter value\"]],\"_defaultFilterOperator\",\"and\",\"_actionLabel\",[\"^3\",[]],\"_virtualizeEndIndex\",0,\"selectedRow\",null,\"_actionHidden\",[\"^3\",[]],\"maintainSpaceWhenHidden\",false,\"_columnHidden\",[\"^3\",[\"58560\",\"\",\"533f7\",\"\"]],\"_columnLabel\",[\"^3\",[\"58560\",\"Name\",\"533f7\",\"Phone\"]],\"_showToolbar\",true]],\"style\",[\"^3\",[]],\"position2\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"container\",\"\",\"rowGroup\",\"body\",\"subcontainer\",\"\",\"row\",2,\"col\",3,\"height\",7.8,\"width\",5,\"tabNum\",0]]],\"mobilePosition2\",null,\"mobileAppPosition\",null,\"tabIndex\",null,\"^>\",\"\",\"createdAt\",\"~m1692984055502\",\"updatedAt\",\"~m1692984214683\",\"folder\",\"\",\"screen\",null]]],\"$main\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"$main\",\"^4\",null,\"^5\",\"frame\",\"^6\",\"Frame\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"type\",\"main\",\"sticky\",null,\"paddingType\",\"normal\",\"enableFullBleed\",false,\"isHiddenOnDesktop\",false,\"isHiddenOnMobile\",false]],\"^<\",[\"^3\",[]],\"^=\",null,\"^D\",null,\"^E\",null,\"^F\",null,\"^>\",\"\",\"^G\",\"~m1692984055510\",\"^H\",\"~m1692984055510\",\"^I\",\"\",\"^J\",null]]],\"text1\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"text1\",\"^4\",\"ac2b082d-176b-4ff1-8a21-43aeb0ed31ad\",\"^5\",\"widget\",\"^6\",\"TextWidget2\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"heightType\",\"auto\",\"horizontalAlign\",\"left\",\"marginType\",\"normal\",\"hidden\",false,\"imageWidth\",\"fit\",\"showInEditor\",false,\"verticalAlign\",\"center\",\"tooltipText\",\"\",\"value\",\"👋 **Hello {{ current_user.firstName || 'friend' }}!**\",\"disableMarkdown\",false,\"overflowType\",\"scroll\",\"maintainSpaceWhenHidden\",false]],\"^<\",[\"^3\",[]],\"^=\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"^>\",\"table1\",\"^?\",\"body\",\"^@\",\"\",\"row\",0,\"col\",0,\"^A\",0.6,\"^B\",3,\"^C\",0]]],\"^D\",null,\"^E\",null,\"^F\",null,\"^>\",\"\",\"^G\",\"~m1692984155769\",\"^H\",\"~m1692984155769\",\"^I\",\"\",\"^J\",null]]]]],\"^G\",null,\"version\",\"3.10.0\",\"appThemeId\",null,\"appMaxWidth\",\"100%\",\"preloadedAppJavaScript\",null,\"preloadedAppJSLinks\",[],\"testEntities\",[],\"tests\",[],\"appStyles\",\"\",\"responsiveLayoutDisabled\",false,\"loadingIndicatorsDisabled\",false,\"urlFragmentDefinitions\",[\"^;\",[]],\"pageLoadValueOverrides\",[\"^;\",[]],\"customDocumentTitle\",\"\",\"customDocumentTitleEnabled\",false,\"customShortcuts\",[],\"isGlobalWidget\",false,\"isMobileApp\",false,\"isFormApp\",false,\"multiScreenMobileApp\",false,\"mobileAppSettings\",[\"^ \",\"mobileOfflineModeEnabled\",false,\"mobileOfflineModeDelaySync\",false,\"mobileOfflineModeBannerMode\",\"default\",\"displaySetting\",[\"^ \",\"landscapeMode\",false,\"tabletMode\",false]],\"folders\",[\"^;\",[]],\"queryStatusVisibility\",false,\"markdownLinkBehavior\",\"auto\",\"inAppRetoolPillAppearance\",\"NO_OVERRIDE\",\"rootScreen\",null,\"instrumentationEnabled\",false,\"experimentalFeatures\",[\"^ \",\"sourceControlTemplateDehydration\",false,\"multiplayerEditingEnabled\",false,\"disableMultiplayerEditing\",false],\"experimentalPerfFeatures\",[\"^ \",\"useRuntimeV2\",true,\"runtimeV2OptOut\",false],\"experimentalStabilityFeatures\",[\"^ \",\"lockModelForUpdates\",false],\"experimentalDataTabEnabled\",true]]]"
    },
    "changesRecord": [
      {
        "type": "WIDGET_REPOSITION2",
        "payload": {
          "moves": [
            {
              "move": {
                "col": 2,
                "row": -1,
                "width": 0,
                "height": 0,
                "rowGroup": "body",
                "container": "",
                "subcontainer": ""
              },
              "moveType": "drag",
              "widgetIds": [
                "table1"
              ],
              "widgetTypes": [
                "TableWidget2"
              ]
            }
          ],
          "largeScreen": true
        },
        "hideChangelogEntry": false
      }
    ],
    "gitSha": null,
    "checksum": null,
    "createdAt": "2023-08-25T17:23:44.360Z",
    "updatedAt": "2023-08-25T17:23:44.360Z",
    "pageId": 2342848,
    "userId": 690851,
    "branchId": null
  },
  "modules": {}
}```

That isn't working for me unfortunately.... try hitting office hours in Discord Aug 29 at 2pm EDT

1 Like

I confirm. Same issue here.

Patrick

I confirm that too.

btw when this new feature added? I didn't find any changelog including it.glad to hear this.

1 Like

I confirm. Same issue for me but it made me happy to see this feature.

I couldn't find it either. And it doesn't appear to be documented.

Same issue for me. This is a really nice feature

Hi all, thank you for reporting this issue!

I have a local reproduction and will get a fix out ASAP. in the short term, removing the Table's primary key option should serve as a workaround.

update: a fix for this was deployed today Aug 31st!

3 Likes

update: a fix for this was deployed today!

1 Like

Hey @Alexi,

Thanks! is this fix in 3.11.0?

Patrick

@PatrickMast it should be, but please let me know if you're still experiencing issues.

1 Like

Hello, there seem still have a problem with it sometime(especially the first time opening app), but after I refresh the page, it will work.

image

I'm seeing the same thing.

Hi there! I reported this to our engineers, but haven't been able to reproduce it. We think it's a slightly different iteration of the original bug. If anyone can share an export of an app that's impacted, that would be helpful!