Fivem Scripting I'm working on a NUI

HTML

<div id="inventory-window">
            <table id="inventory-container" cellspacing="10">
                <tr>
                    <td class="inventory-container-pane" id="inventory-container-left">
                        <table class="inventory" id="player-inventory">
                            <thead>
                                <tr>
                                    <td colspan="6" class="inventory-header">
                                        <div class="inventory-label">Player Inventory</div>
                                        <div class="inventory-capacity"> / 20KG</div>
                                        <div class="inventory-weight">0</div>
                                    </td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot staticslot">
                                        <div class="inventoryitem staticitem" label="Cash" account="money" count="0">
                                            <img src="nui://stream_graphics/data/inventory/cash.png">
                                            <label class="countLabel cashDisplay">$0</label>
                                        </div>                                
                                    </td>
                                    <td class="inventoryslot staticslot">
                                        <div class="inventoryitem staticitem" label="Dirty" account="dirty" count="0">
                                            <img src="nui://stream_graphics/data/inventory/dirty.png">
                                            <label class="countLabel dirtyDisplay">$0</label>
                                        </div>
                                    </td>
                                    <td class="inventoryslot" id="test"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                            </tbody>                            
                        </table>
                    </td>
                    <td class="inventory-container-pane" id="inventory-container-center">
                    </td>
                    <td class="inventory-container-pane" id="inventory-container-right">
                        <table class="inventory" id="external-inventory">
                            <thead>
                                <tr>
                                    <td colspan="6" class="inventory-header">
                                        <div class="inventory-label">Proximity</div>
                                        <div class="inventory-capacity"> / 10KG</div>
                                        <div class="inventory-weight">0</div>
                                    </td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot staticslot">
                                        <div class="inventoryitem staticitem" label="Cash" account="money" count="0">
                                            <img src="nui://stream_graphics/data/inventory/cash.png">
                                            <label class="countLabel cashDisplay">$0</label>
                                        </div>                                
                                    </td>
                                    <td class="inventoryslot staticslot">
                                        <div class="inventoryitem staticitem" label="Dirty" account="dirty" count="0">
                                            <img src="nui://stream_graphics/data/inventory/dirty.png">
                                            <label class="countLabel dirtyDisplay">$0</label>
                                        </div>
                                    </td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                                <tr class="inventory-itembar">
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                    <td class="inventoryslot"></td>
                                </tr>
                            </tbody>
                        </table>
                    </td>  
                </tr>                
            </table>       
        </div>

I want to make it so its formatted so its got a light grey box around the rows and then inventory slot