lightning-datatable row number error












3















I have a lightning web component, using lighting-datatable with row-numbers visible. This works well up to 99 records... then I get this:



[![enter image description here][1]][1]



My component code:



        <lightning-datatable
key-field="id"
data={responses}
columns={columns}
onsort={handleSort}
sorted-by={sortedBy}
sorted-direction={sortedDirection}
onrowaction={handleRowAction}
enable-infinite-loading
onloadmore={handleLoadMore}>
</lightning-datatable>


Is the row numbering limited, am I doing something wrong, or is this a bug? Any workarounds?










share|improve this question

























  • Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

    – sfdcfox
    Mar 23 at 18:00











  • Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

    – PatMcClellan__c
    Mar 23 at 18:10











  • yep. You're absolutely right. You've got my +1.

    – sfdcfox
    Mar 23 at 18:19
















3















I have a lightning web component, using lighting-datatable with row-numbers visible. This works well up to 99 records... then I get this:



[![enter image description here][1]][1]



My component code:



        <lightning-datatable
key-field="id"
data={responses}
columns={columns}
onsort={handleSort}
sorted-by={sortedBy}
sorted-direction={sortedDirection}
onrowaction={handleRowAction}
enable-infinite-loading
onloadmore={handleLoadMore}>
</lightning-datatable>


Is the row numbering limited, am I doing something wrong, or is this a bug? Any workarounds?










share|improve this question

























  • Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

    – sfdcfox
    Mar 23 at 18:00











  • Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

    – PatMcClellan__c
    Mar 23 at 18:10











  • yep. You're absolutely right. You've got my +1.

    – sfdcfox
    Mar 23 at 18:19














3












3








3








I have a lightning web component, using lighting-datatable with row-numbers visible. This works well up to 99 records... then I get this:



[![enter image description here][1]][1]



My component code:



        <lightning-datatable
key-field="id"
data={responses}
columns={columns}
onsort={handleSort}
sorted-by={sortedBy}
sorted-direction={sortedDirection}
onrowaction={handleRowAction}
enable-infinite-loading
onloadmore={handleLoadMore}>
</lightning-datatable>


Is the row numbering limited, am I doing something wrong, or is this a bug? Any workarounds?










share|improve this question
















I have a lightning web component, using lighting-datatable with row-numbers visible. This works well up to 99 records... then I get this:



[![enter image description here][1]][1]



My component code:



        <lightning-datatable
key-field="id"
data={responses}
columns={columns}
onsort={handleSort}
sorted-by={sortedBy}
sorted-direction={sortedDirection}
onrowaction={handleRowAction}
enable-infinite-loading
onloadmore={handleLoadMore}>
</lightning-datatable>


Is the row numbering limited, am I doing something wrong, or is this a bug? Any workarounds?







lightning-web-components lightning-datatable






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 23 at 18:09







PatMcClellan__c

















asked Mar 23 at 17:12









PatMcClellan__cPatMcClellan__c

861322




861322













  • Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

    – sfdcfox
    Mar 23 at 18:00











  • Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

    – PatMcClellan__c
    Mar 23 at 18:10











  • yep. You're absolutely right. You've got my +1.

    – sfdcfox
    Mar 23 at 18:19



















  • Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

    – sfdcfox
    Mar 23 at 18:00











  • Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

    – PatMcClellan__c
    Mar 23 at 18:10











  • yep. You're absolutely right. You've got my +1.

    – sfdcfox
    Mar 23 at 18:19

















Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

– sfdcfox
Mar 23 at 18:00





Please add the part that's an answer as an answer. You're allowed to answer your own questions here.

– sfdcfox
Mar 23 at 18:00













Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

– PatMcClellan__c
Mar 23 at 18:10





Got it. I was thinking I had to wait before I could answer my own question... but I see the delay is just in accepting it.

– PatMcClellan__c
Mar 23 at 18:10













yep. You're absolutely right. You've got my +1.

– sfdcfox
Mar 23 at 18:19





yep. You're absolutely right. You've got my +1.

– sfdcfox
Mar 23 at 18:19










1 Answer
1






active

oldest

votes


















3














Just figured it out myself. I didn't have show-row-number-column in the html. Now it works fine. But, that brings up a different question... what if I didn't want to show row numbers. The docs suggest that I would just leave show-row-number-column out of the markup and then they won't show. But I didn't have it in the markup before and they displayed.



enter image description here



Updated markup:



<lightning-datatable
key-field="id"
data={responses}
columns={columns}
onsort={handleSort}
sorted-by={sortedBy}
sorted-direction={sortedDirection}
onrowaction={handleRowAction}
show-row-number-column
enable-infinite-loading
onloadmore={handleLoadMore}>
</lightning-datatable>


BTW, there's a lot more info in the dev guide here that isn't detailed in the reference materials. In particular, how to handle draftValues, which is necessary to get the Cancel/Save buttons to disappear after an inline edit.






share|improve this answer























    Your Answer








    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "459"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: false,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: null,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f255027%2flightning-datatable-row-number-error%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    3














    Just figured it out myself. I didn't have show-row-number-column in the html. Now it works fine. But, that brings up a different question... what if I didn't want to show row numbers. The docs suggest that I would just leave show-row-number-column out of the markup and then they won't show. But I didn't have it in the markup before and they displayed.



    enter image description here



    Updated markup:



    <lightning-datatable
    key-field="id"
    data={responses}
    columns={columns}
    onsort={handleSort}
    sorted-by={sortedBy}
    sorted-direction={sortedDirection}
    onrowaction={handleRowAction}
    show-row-number-column
    enable-infinite-loading
    onloadmore={handleLoadMore}>
    </lightning-datatable>


    BTW, there's a lot more info in the dev guide here that isn't detailed in the reference materials. In particular, how to handle draftValues, which is necessary to get the Cancel/Save buttons to disappear after an inline edit.






    share|improve this answer




























      3














      Just figured it out myself. I didn't have show-row-number-column in the html. Now it works fine. But, that brings up a different question... what if I didn't want to show row numbers. The docs suggest that I would just leave show-row-number-column out of the markup and then they won't show. But I didn't have it in the markup before and they displayed.



      enter image description here



      Updated markup:



      <lightning-datatable
      key-field="id"
      data={responses}
      columns={columns}
      onsort={handleSort}
      sorted-by={sortedBy}
      sorted-direction={sortedDirection}
      onrowaction={handleRowAction}
      show-row-number-column
      enable-infinite-loading
      onloadmore={handleLoadMore}>
      </lightning-datatable>


      BTW, there's a lot more info in the dev guide here that isn't detailed in the reference materials. In particular, how to handle draftValues, which is necessary to get the Cancel/Save buttons to disappear after an inline edit.






      share|improve this answer


























        3












        3








        3







        Just figured it out myself. I didn't have show-row-number-column in the html. Now it works fine. But, that brings up a different question... what if I didn't want to show row numbers. The docs suggest that I would just leave show-row-number-column out of the markup and then they won't show. But I didn't have it in the markup before and they displayed.



        enter image description here



        Updated markup:



        <lightning-datatable
        key-field="id"
        data={responses}
        columns={columns}
        onsort={handleSort}
        sorted-by={sortedBy}
        sorted-direction={sortedDirection}
        onrowaction={handleRowAction}
        show-row-number-column
        enable-infinite-loading
        onloadmore={handleLoadMore}>
        </lightning-datatable>


        BTW, there's a lot more info in the dev guide here that isn't detailed in the reference materials. In particular, how to handle draftValues, which is necessary to get the Cancel/Save buttons to disappear after an inline edit.






        share|improve this answer













        Just figured it out myself. I didn't have show-row-number-column in the html. Now it works fine. But, that brings up a different question... what if I didn't want to show row numbers. The docs suggest that I would just leave show-row-number-column out of the markup and then they won't show. But I didn't have it in the markup before and they displayed.



        enter image description here



        Updated markup:



        <lightning-datatable
        key-field="id"
        data={responses}
        columns={columns}
        onsort={handleSort}
        sorted-by={sortedBy}
        sorted-direction={sortedDirection}
        onrowaction={handleRowAction}
        show-row-number-column
        enable-infinite-loading
        onloadmore={handleLoadMore}>
        </lightning-datatable>


        BTW, there's a lot more info in the dev guide here that isn't detailed in the reference materials. In particular, how to handle draftValues, which is necessary to get the Cancel/Save buttons to disappear after an inline edit.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 23 at 18:09









        PatMcClellan__cPatMcClellan__c

        861322




        861322






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Salesforce Stack Exchange!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f255027%2flightning-datatable-row-number-error%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Plaza Victoria

            Puebla de Zaragoza

            Musa