<table id="itemtable">
    <tr>
        <th>
            <input placeholder="Name">
            <div class="sort-arrows">
                <div class="arrow-up active"></div>
                <div class="arrow-down"></div>
            </div>
        </th>
        <th>
            <input placeholder="Username">
            <div class="sort-arrows">
                <div class="arrow-up"></div>
                <div class="arrow-down"></div>
            </div>
        </th>
        <th>
            <input placeholder="Email">
            <div class="sort-arrows">
                <div class="arrow-up"></div>
                <div class="arrow-down"></div>
            </div>
        </th>

        <th>
            <input placeholder="Session timeout">
            <div class="sort-arrows">
                <div class="arrow-up"></div>
                <div class="arrow-down"></div>
            </div>
        </th>

        <th>
            <input placeholder="Phone">
            <div class="sort-arrows">
                <div class="arrow-up"></div>
                <div class="arrow-down"></div>
            </div>
        </th>
        <th>
            <div class="inputwrapper usergroupselector">
                <div class="imageinput dropdown ">
                    <input type="text" class="dropdown-toggle" placeholder="User Groups" data-toggle="dropdown" role="button">
                    <img role="img" src="/app/core/images/selectdown.svg" />
                    <div class="dropdown-menu" aria-labelledby="reportDropdown">
                        <table>
                            <tr>
                                <td>
                                    <input type="checkbox"> Administrator
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox"> Oneview User</td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox"> Technician
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox"> Manager</td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox"> Operator
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox"> Guest
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn">OK</button>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
            </div>
        </th>
        <th class="text-right">
            <div class="dropdown createuser">
                <button class="btn dropdown-toggle" data-toggle="dropdown" role="button">+ Add user</button>

                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
                    <input type="text" placeholder="Name">
                    <input type="text" placeholder="Username">
                    <input type="password" placeholder="Password">
                    <input type="text" placeholder="User Groups (Multi dropdown)">
                    <input type="text" placeholder="Unit access Group (Dropdown)">

                    <input type="text" placeholder="Email">
                    <input type="text" placeholder="Phone">
                    <input type="text" placeholder="Session idle timeout">

                    <button class="btn">Save User</button>



                </div>
        </th>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
    <tr class="datarow">
        <td>John Doe</td>
        <td>JohntheDoeman</td>
        <td>jd@scada-international.com</td>
        <td>20 minutes
        </td>
        <td>+45 22 66 55 99</td>
        <td>Administrator, OneView User</td>
        <td class="text-right">
            <i class="icon icon-user" data-toggle="tooltip" data-original-title="Edit user"></i>
            <i class="icon icon-disableuser" data-toggle="tooltip" data-original-title="Disable user access"></i>
            <i class="icon icon-minus" data-toggle="tooltip" data-original-title="Delete user"></i>

        </td>
    </tr>
</table>