How do I hide the default row number from the first column in a lightning-datatable (LWC)?

Question

I have tried using the show-row-number-column = "false" attribute but it does not seem to work.

https://developer.salesforce.com/docs/component-library/bundle/lightning-datatable/specification

    <div class="slds-m-around_medium">
        <template if:true={voting}>
            <lightning-datatable
                key-field="Id"
                hide-checkbox-column = "true"
                data={voting}
                columns={columns}
                onsave={handleSave} 
                show-row-number-column = "false"  
                draft-values={draftValues}>
            </lightning-datatable>
        </template>
        <template if:true={voting}>
            <!-- handle Apex error -->
        </template>
    </div>

Answer 1

The attribute show-row-number-column set automatically to "true" if present we dont need to set it to "true" or "false" if you dont want row number Simply remove that attribute

  <lightning-datatable
                key-field="Id"
                hide-checkbox-column = "true"
                data={voting}
                columns={columns}
                onsave={handleSave} 

                draft-values={draftValues}>
            </lightning-datatable>

Also if the columns are editable,the show-row-number-column attribute is always true and the number column is displayed.

Answer 2

Complementing @User6670 answer (which is perfectly valid), when you need to remove the RowNumber columns for editable datatable you can simply edit the css to hide the first column from the table.

Not the best option for sure, but worked fine to me. Use with caution.

.THIS tr td:first-child{
    display:none;
}
.THIS tr th:first-child{
    display:none;
}

Answer 3

"show-row-number-column= false" property from Lightning datatable will work, Please post your code snippet for better analysis.