You need to sign in to do that
Don't have an account?
Pavushetti Abhilash 3
Display row number as seperate column in custom LWC datatable
Hi eveyone.
I need to display row number as seperate column with Row number as label in Custom LWC datatable. For every record should display serial number as seperate column with header.
NOTE: I am not asking about show-row-number= true.
I should display row number as seperate field/column in table.
<c-custom-type-component
class="POdataTable slds-table_header-fixed_container slds-scrollable_x slds-border_top"
key-field="Id"
data={POrecords}
columns={columns}
selected-rows={preSelectedRows}
onrowaction={getPopUpInfo}
onpicklistchanged={tablePicklistChanged}
onchangeofreturnqty={handelReturnQty}
onselectedrow={handelSelectedRow}
hide-checkbox-column
></c-custom-type-component>
@track columns = [
{
label: 'Row Number', cell: (row, index) => index + 1
}
]
If I am wrong PLEASE let me know. Thanks.
I need to display row number as seperate column with Row number as label in Custom LWC datatable. For every record should display serial number as seperate column with header.
NOTE: I am not asking about show-row-number= true.
I should display row number as seperate field/column in table.
<c-custom-type-component
class="POdataTable slds-table_header-fixed_container slds-scrollable_x slds-border_top"
key-field="Id"
data={POrecords}
columns={columns}
selected-rows={preSelectedRows}
onrowaction={getPopUpInfo}
onpicklistchanged={tablePicklistChanged}
onchangeofreturnqty={handelReturnQty}
onselectedrow={handelSelectedRow}
hide-checkbox-column
></c-custom-type-component>
@track columns = [
{
label: 'Row Number', cell: (row, index) => index + 1
}
]
If I am wrong PLEASE let me know. Thanks.
try below code and take reference.
don't forget to mark it as best answer.
Thank you
All Answers
try below code and take reference.
don't forget to mark it as best answer.
Thank you
did you try above solution? let me know if it helps you by marking it as best anwer.
don't forget to mark it as best answer. your one best mark give us motivation for helping others.
Thank you
I also have the same requirement.The above code is working for me also however the default show row column is still showing.I mentioned this as false.But If I remove this attribute from the datatable then in row number it showing nothing.So could u plz confirm do u also have the same issue or its showing perfect for you.
Thank You