How to reduce space above and below text in an html table heading of MVC 5 View

Asked Feb 28 '20 at 21:02

Active Feb 29 '20 at 07:10

Viewed 27 times

I have a table in an MVC 5 view which I would like to reduce the space above and below the text. Below is a picture of a part of the heading:

Below is the HTML I have used to try reducing the space by using negative numbers for the padding but it is not working:

<table class="table  table-hover">
    <thead class="thead-dark">
        <tr style="padding-top:-4px; padding-bottom:-4px;">
            <th scope="col">
                @Html.DisplayNameFor(model => model.ItemNumber)
            </th>
            <th scope="col">
                @Html.DisplayNameFor(model => model.VendorProductId)
            </th>
        </tr>
    </thead>
</table>

Is there a way to reduce some of the space above and below the text for the heading I have? Thanks in advance.

edited Feb 29 '20 at 07:10

Archer

asked Feb 28 '20 at 21:02

Robertcode

Change your elements, not . https://stackoverflow.com/questions/3656615/padding-a-table-row – Steve Greene Feb 28 '20 at 22:10
https://stackoverflow.com/questions/16427903/remove-all-padding-and-margin-table-html-and-css – Hari Lubovac Feb 29 '20 at 03:14

How to reduce space above and below text in an html table heading of MVC 5 View

0 Answers0