kero/snippets/examples/dt/datatable/menu/widget.html

<div class="u-container-fluid u-widget-bg">
    <div class="u-row">
        
        <div class="u-col-md-12">
            <div class="u-widget  u-widget-right">
                <div class="u-widget-heading">
                    <h3 class="u-widget-title">菜单内容与按钮左对齐</h3>
                </div>
                <div class="u-widget-body">
                <!--左对齐菜单按钮代码 -->
                    <button id="demo-menu-lower-left" class="u-button floating u-button-icon">
                        <i class="fa fa-ellipsis-v"></i>
                    </button>
                    <ul class="u-menu u-menu-bottom-left" for="demo-menu-lower-left">
                        <li class="u-menu-item">新增</li>
                        <li class="u-menu-item">修改</li>
                        <li disabled class="u-menu-item">删除</li>
                        <li class="u-menu-item">审核</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="u-col-md-12">
            <div class="u-widget  u-widget-right">
                <div class="u-widget-heading">
                    <h3 class="u-widget-title">菜单内容与按钮左对齐</h3>
                </div>
                <div class="u-widget-body">
                 <!--右对齐菜单按钮代码 -->
                     <button id="demo-menu-lower-right" class="u-button floating u-button-icon">
                        <i class="fa fa-ellipsis-v"></i>
                    </button>
                    <ul class="u-menu u-menu-bottom-right" for="demo-menu-lower-right">
                        <li class="u-menu-item">新增</li>
                        <li class="u-menu-item">修改</li>
                        <li disabled class="u-menu-item">删除</li>
                        <li class="u-menu-item">审核</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>