locked
Display icons RRS feed

  • Question

  • User1032187855 posted

    I have a column in table for operations with a number of icons.

    The problem is that the icons are displayed vertically.

    I want it to be displayed horizontally.

    Sunday, January 17, 2021 9:53 PM

All replies

  • User541108374 posted

    Hi,

    and welcome to the ASP.NET forums.

    The problem is that the icons are displayed vertically.

    A bit of code for us take a look at would be helpful while we're trying to help you.

    Likely your table is already taking up a lot of width and "pushes" the icons together so that the column displays everything vertically. I suggest you specify a width for that column so that it takes up more space and displays the icons horizontally like you want.

    Take a look html column width - Google Search.

    For example like:

    <table style="width: 100%">
        <colgroup>
           <col span="1" style="width: 15%;">
           <col span="1" style="width: 70%;">
           <col span="1" style="width: 15%;">
        </colgroup>
        
        
        
        <!-- Put <thead>, <tbody>, and <tr>'s here! -->
        <tbody>
            <tr>
                <td style="background-color: #777">15%</td>
                <td style="background-color: #aaa">70%</td>
                <td style="background-color: #777">15%</td>
            </tr>
        </tbody>
    </table>

    Sample code taken from html - Setting table column width - Stack Overflow.

    Kris.

    Monday, January 18, 2021 7:30 AM