Hello,
This is the root cause of why you’re not able to override the bottom border:
.o_table_standard table:not(.o_ignore_layout_styling) thead {border-bottom: 1px solid #111827;}

Please Update as below:
<thead style="border-bottom: 0 !important;"/>
Hope this helps
Thanks

Thank you ! It is worked, Now I want to help to this table too, i wanted out put is like this image, table borders(dashed borders with no borders in left and right)current output is second image

<table class=" delivery-receipt-table" name="stock_move_table"><!--                        table table-sm table-borderless-->                        <thead>                            <tr>                                <th name="th_sm_product">                                    <strong>Product</strong>                                </th>                                <th name="th_quantity" class="text-left">                                    <strong>Qty</strong>                                </th>                                <th name="th_price" class="text-left">                                    <strong>Price</strong>                                </th>                                <th name="th_amount" class="text-left">                                    <strong>Amount</strong>                                </th>                                <th name="th_refno" class="text-left">                                    <strong>Ref.No</strong>                                </th>                                <th name="th_unit" class="text-left">                                    <strong>Unit</strong>                                </th>                            </tr>                        </thead>                        <tbody>                            <t t-set="lines" t-value="o.move_line_ids_without_package"/>                            <t t-set="tot" t-value="0.00"/>                            <t t-set="tot_weight" t-value="0.00"/>                            <tr t-foreach="lines" t-as="move" style="color:black;">                                <td>                                    <span t-field="move.product_id"/>                                </td>                                <td class="text-left">                                    <span t-field="move.quantity"/>                                </td>                                <td class="text-left">                                    <!-- Call the method to get unit cost -->                                    <span t-esc="move._get_unit_cost()"                                          t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>                                </td>                                <td class="text-left">                                    <!-- Calculate line amount using the method -->                                    <t t-set="unit_cost" t-value="move._get_unit_cost()"/>                                    <t t-set="line_amount" t-value="unit_cost * move.quantity"/>                                    <span t-esc="line_amount"                                          t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>                                    <t t-set="tot" t-value="tot + line_amount"/>                                </td>                                <td class="text-left">                                    <span t-field="move.lot_id"/>                                </td>                                <td class="text-left"                                    style="background-color: #FFF;">                                    <span t-field="move.product_uom_id"/>                                </td>                                <t t-set="tot_weight" t-value="tot_weight + (move.product_id.weight * move.quantity)"/>                            </tr>                        </tbody>                    </table>,
=============================================================
Styles
.delivery-receipt-table {    border: none !important;    width: 100% !important;}.delivery-receipt-table thead tr{    border:none !important;    border-left: none !important;    border-right: none !important;}.delivery-receipt-table thead th {    border-left: none !important;    border-right: none !important;    border-top: 1px dashed !important;    border-bottom: 1px dashed !important;}.delivery-receipt-table tbody tr td {    border: none !important;    border-top: none !important;    border-bottom: 1px dashed black !important;}.delivery-receipt-table tbody tr:last-child td {    border-bottom: 1px dashed black !important;}

Hello,

Yes, you’re on the right track — this behavior usually comes from the default styles applied by web.external_layout, which can override your custom CSS.

To fix this, you need to ensure:

• Your CSS selector is more specific than Odoo’s default

• Or apply styles inline / with stronger priority

For example, try updating your table like this:

<table class="table stock-move-table" style="border: none !important; border-collapse: collapse;">
What is this?

And adjust CSS with higher specificity:

.stock-move-table,
.stock-move-table th,
.stock-move-table td {
    border: none !important;
}

.stock-move-table thead th {
    border-top: 1px dashed black !important;
    border-bottom: 1px dashed black !important;
}

.stock-move-table tbody td {
    border-bottom: 1px dashed black !important;
}

If it still doesn’t work, check if any parent template (like web.external_layout) is injecting styles — in that case, inheriting and overriding that template may be required.

Hope this works for you! Feel free to reach out for further discussion.

Regards,

Zehntech Technologies Inc.

santosh.sekwadia@zehntech.com