Instead of using custom tables. I used lightning input and output fields. For example, instead of table in categories,
<template><lightning-card><lightning-layout horizontal-align="spread" multiple-rows><lightning-record-view-form record-id= {recordId} object-api-name="Categories__c"><p style="color:blue;">Categories</p><div class="slds-box slds-theme\_default"><lightning-layout-item size= 6 ><lightning-output-field field-name="Consultant_Summary__c"></lightning-output-field> <lightning-output-field field-name="Developer_Summary__c"></lightning-output-field> <lightning-output-field field-name="Senior_Developer_Summary__c"></lightning-output-field> <lightning-output-field field-name="Senior_Consultant_Summary__c"></lightning-output-field> <lightning-output-field field-name="Personal_Manager_Summary__c"></lightning-output-field> </lightning-layout-item></div></lightning-record-view-form></lightning-layout></lightning-card></template>
I used this code and the output was looking like,Image may be NSFW.
Clik here to view.
This was pretty neat.