Hamburger dropdown menu for a row in a table

Hamburger dropdown menu for a row in a table

In the picture above you can see what I am talking about. Every row in a table will contain a hamburger menu. Click on it and you can get a dropdown of options that can contain more than one item. Click on the dropdown to take action against a particular row.

This view is a really good option for a list view.

<td>
    <div class="ui basic icon top right pointing extra_options dropdown">
        <i class="bars icon"></i>
        <div class="menu">
            <a class="item" href='/gstin/<%=req.gstin.value%>/invoice/<%=i.id%>/edit'>Edit</<a class="item" href='/snapshot/<%=a.id%>/delete'>Delete</a>
        </div>
    </div>
</td>
$('.extra_options.dropdown').dropdown();
Alex J V
Posted on:
Post author

Leave a comment

Your email address will not be published. Required fields are marked *