|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <div style="height: 300px;"> --> | 
|---|
|  |  |  | <template if:true={showTable}> | 
|---|
|  |  |  | <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns} | 
|---|
|  |  |  | <c-lex-custom-lightning-datatable key-field="key" data={data} columns={columns} | 
|---|
|  |  |  | onrowselection={getSelectedRows} | 
|---|
|  |  |  | selected-rows={selectedRows} class="wrapped-header-datatable"> | 
|---|
|  |  |  | </c-lex-custom-lightning-datatable> | 
|---|
|  |  |  | 
|---|
|  |  |  | <lightning-datatable | 
|---|
|  |  |  | key-field="id" data={overduePageRecords} columns={column} | 
|---|
|  |  |  | onrowselection={getSelectedRows}   hide-checkbox-column="true" | 
|---|
|  |  |  | selected-rows={selectedRows} class="wrapped-header-datatable"> | 
|---|
|  |  |  | selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; "> | 
|---|
|  |  |  | </lightning-datatable> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|