Table components with "Allow Scroll Bars" not showing any data until you click on stuff (Lightning 11.2.9)

  • 1
  • Problem
  • Updated 3 days ago
  • Acknowledged
^ as described above. This is quite a big one for us. Seems maybe to only affect new pages?

If there's a quick css fix we can add to the page could someone let us know?

Cheers!

Louis
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb

Posted 2 months ago

  • 1
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
This is what it looks like:


Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Did we not have a bunch of extra conversation on this thread? I wonder if maybe I'm just losing my mind.
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Any ideas what's going on here? Not re. the losing of my mind but re. the losing of some of the posts on this page. I'm not sure if you saw my responses to your responses. I'm still having this issue even with the XML you provided to me (remove the table height property). Can someone please get back to me on this?
(Edited)
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Can someone from Skuid please help with this? It's getting quite urgent.
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
It also seems to happen to the table component in Lightning when you click onto a record in that table and then click the back button in the browser - when you navigate back to the previous record all the rows are removed and only show up again when you click on something in the table component. Interestingly - in all these cases - opening the Chrome Developer Tools forces the rows to pop back in. Bizarre. Same in Firefox.
(Edited)
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
I haven't been able to reproduce this problem. Can you share your XML of the problem?
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Hi Stephen, yes - absolutely. This XML is used in a fresh 11.2.9 install using the Skuid Lightning Component in a record detail page (custom object). Also about to provide login access. Thank you!

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
    <models>
        <model id="OppsModel" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Opportunity">
            <fields>
                <field id="AccountId"/>
                <field id="Account.Name"/>
                <field id="Amount"/>
                <field id="CloseDate"/>
                <field id="Description"/>
                <field id="Fiscal"/>
                <field id="Id"/>
                <field id="Type"/>
            </fields>
            <conditions/>
            <actions/>
        </model>
    </models>
    <components>
        <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="100" alwaysresetpagination="false" createrecords="true" model="OppsModel" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-3izY-296" allowscrollbars="true" floatheader="true" freezeleftcolumns="true" columnstofreeze="1">
            <fields>
                <field id="AccountId" uniqueid="fi-3izY-297"/>
                <field id="Account.Name" uniqueid="fi-3izY-298"/>
                <field id="Amount" uniqueid="fi-3izY-299"/>
                <field id="CloseDate" uniqueid="fi-3izY-300"/>
                <field id="Description" uniqueid="fi-3izY-301"/>
                <field id="Fiscal" uniqueid="fi-3izY-303"/>
                <field id="Type" uniqueid="fi-3izY-305"/>
            </fields>
            <rowactions>
                <action type="edit"/>
                <action type="delete"/>
            </rowactions>
            <massactions usefirstitemasdefault="true">
                <action type="massupdate"/>
                <action type="massdelete"/>
            </massactions>
            <views>
                <view type="standard"/>
            </views>
            <searchfields/>
        </skootable>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences uniqueid="sk-3izS-249"/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>

Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
This is a known Skuid issue. We'll notify here when a fix goes live.

Allow Scroll Bars" on Tables in Lightning won't show the data in the table on page load unless "Max Table Height (Optional)" is set. And if it is set, it won't appear properly.
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
My temporary fix for this is a "Skuid Page:Rendered" triggered snippet which waits for a second and then re-renders the table via component id:

setTimeout(function () {
    
    skuid.$C('sk-3cxp-3205').render();
}, 1000);
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Any updates on this? It's driving me round the bend.
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
Hi Stephen,

I've done further testing and the issue is on Mac Chrome, Mac Firefox and Windows Edge - they're just the browsers I've tested - so it's not related to my setup.

We're seeing it in both Production and in a Dev Org.

Sometimes it now works if you visit a different skuid page first, but it's inconsistent.

I've granted login access (00D1t000000GWX9) - you can reproduce by going to the "Charity App" and then clicking the "Finance" tab (in Lighting obvs).


Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
I was able to login and see what you're seeing? Is this the only place you've seen this happen or are there other locations. Can you reproduce it using standard objects and fields? So far I can't replicate it outside your org
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
It's also taking happening on the Membership tab, Administration tab and also one of the record pages (Invoice, I think) - but some of them currently have the re-render fix deployed (see above). I've removed this from the Membership tab so you can take a look.

I've created a new Lightning App tab (Skuid Test) and put the above XML in and it's working fine. I then tried putting the Membership tab XML into the new page and it's working fine... But now the old Membership page is also working. Very strange. Feel free to play with the Skuid Test tab and NewSkuidTest page.
Photo of Louis Skelton

Louis Skelton

  • 4,878 Points 4k badge 2x thumb
I also often see this behaviour when I click the back button in the browser - the table on the previous page is now empty.