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

Louis Skelton · March 1, 2019

Hello! Can someone reach out to me on this please as I've just updated to the latest version of Skuid and I still have this issue on a very simple page.

Louis Skelton · March 1, 2019

I've granted login access (00D1w0000008acv) - head over to the Finance tab and you'll see the issue (in Lightning). I've tried in Incognito mode etc. and still the same thing:

Image httpsd2r1vs3d9006apcloudfrontnets3_images1779287RackMultipart20190301-70908-k046q2-Screenshot_2019-03-01_at_155957_inlinepng1551456045

Louis Skelton · March 1, 2019

This is a new Skuid page running on 12.0.6

Louis Skelton · March 1, 2019

Ah! I've cracked it! No idea why this might be but I've isolated the issue to a row action, and specifically a row action using the FontAwesome 4 icon set. e.g. set a row action like in the screenshot below and use "sk-webicon-font-awesome:external-link-square" as the icon. The whole table breaks! This has caused me hours of frustration

Louis Skelton · March 1, 2019

So I assume there's a problem with how Skuid is accessing this particular icon set as part of the component render? It doesn't grab the resource in time and the table row rendering fails. Anyway - hopefully y'all can replicate.

Louis Skelton · March 4, 2019

Actually no! I still have this issue! Can someone from Skuid please set up a screen share so we can go through this.

Sean Dowd · March 8, 2019

Hi Louis,

Our Engineers are looking into this. We will either reach out directly for additional information or update this post as more details become available. Thank you!!

Louis Skelton · March 8, 2019

Thanks for this - another thing I’ve noticed, possibly related - if you refresh a page with a table (or open it for the first time) and then whilst the Skuid blue circle spins as the Skuid component loads navigate to a different browser tab - wait... - go back, no table rows. This is true for a very simple table and is easy to replicate.

Louis Skelton · April 1, 2019

Hello! I was wondering if there had been any updates on this?

Luzie Baumgart · April 15, 2019

Louis, seems like I can't reproduce this in version 12.0.11, which version do you currently use?

Louis Skelton · April 15, 2019

Hi Luzie, I'm on 12.0.6 - I'll update and see if the issue continues and will report back.

Louis Skelton · April 15, 2019

Hi Luzie, yes, still occurring on 12.0.11. I've a call with Nate tomorrow so probably best if I just go through it then. Thank you!

Louis Skelton · April 15, 2019

I'm trying it again now with just the simplest example. Try this in a lightning app builder App page - add the tab to an App:

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
<models>
<model id="Accounts" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account" limit="50">
<fields>
<field id="RecordTypeId"/>
<field id="Name"/>
<field id="Type"/>
<field id="BillingCity"/>
<field id="BillingState"/>
<field id="BillingCountry"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="all" alwaysresetpagination="false" createrecords="false" model="Accounts" buttonposition="" mode="readonly" allowcolumnreordering="true" responsive="true" uniqueid="sk-18nt-117" allowscrollbars="true">
<fields>
<field id="Name" hideable="true" uniqueid="fi-18o0-149"/>
<field id="Type" hideable="true" uniqueid="fi-18o0-150"/>
<field id="BillingCity" hideable="true" uniqueid="fi-18o0-153"/>
<field id="BillingState" hideable="true" uniqueid="fi-18o0-154"/>
<field id="BillingCountry" hideable="true" uniqueid="fi-18o0-155"/>
</fields>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-webicon-font-awesome:external-link-square"/>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
<resources>
<labels/>
<javascript/>
<css/>
<actionsequences uniqueid="sk-18np-110"/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>

Louis Skelton · April 15, 2019

I'm trying it again now with just the simplest example. Try this in a lightning app builder App page - add the tab to an App:

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
<models>
<model id="Accounts" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account" limit="50">
<fields>
<field id="RecordTypeId"/>
<field id="Name"/>
<field id="Type"/>
<field id="BillingCity"/>
<field id="BillingState"/>
<field id="BillingCountry"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="all" alwaysresetpagination="false" createrecords="false" model="Accounts" buttonposition="" mode="readonly" allowcolumnreordering="true" responsive="true" uniqueid="sk-18nt-117" allowscrollbars="true">
<fields>
<field id="Name" hideable="true" uniqueid="fi-18o0-149"/>
<field id="Type" hideable="true" uniqueid="fi-18o0-150"/>
<field id="BillingCity" hideable="true" uniqueid="fi-18o0-153"/>
<field id="BillingState" hideable="true" uniqueid="fi-18o0-154"/>
<field id="BillingCountry" hideable="true" uniqueid="fi-18o0-155"/>
</fields>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-webicon-font-awesome:external-link-square"/>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
<resources>
<labels/>
<javascript/>
<css/>
<actionsequences uniqueid="sk-18np-110"/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>

Louis Skelton · April 15, 2019

I think this, however, might be due to the FontAwesome 4 icon set issue I highlighted a month or so ago. Which is a separate issue. Or maybe the same!

Louis Skelton · April 15, 2019

I think this, however, might be due to the FontAwesome 4 icon set issue I highlighted a month or so ago. Which is a separate issue. Or maybe the same!

Jitendra · April 15, 2019

This actually works.

J. · April 18, 2019

Hi, Louis. First, thanks so much for the simplified repro. They really help us cut to the chase when digging into issues. It looks like we might have a product issue, but I think I may have a found a suitable workaround for you in the meantime. Give your Tables that have Allow Scroll Bars checked a Max Table Height as well:

Zach McElrath · May 16, 2019

Louis, this should be addressed with our latest Spark maintenance release, 12.1.3, as well as our latest Millau maintenace release, 11.2.23, available from Skuid Releases: https://www.skuid.com/releases/salesforce/

Louis Skelton · June 3, 2019

Hi Zach, got this installed in the nick of time (system going live today) and the fix looks like it's working. Thanks so much! We installed the Millau release - will be testing Spark later in the month.

Rob Hatch · June 3, 2019

Whew! Glad to hear the fix worked in time.

Jitendra · July 11, 2019

Thanks, for sharing this Keep updating it.
https://cardgenerator.io/

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

Comments

Howdy, Stranger!

Quick Links

Categories