xq-treegrid
Version:
一个基于Bootstrap5和html5sortable的可拖动排序的树状表格列表。
7 lines • 1.79 kB
CSS
/*!
* xq-treegrid v1.0.7 (https://xqkeji.cn/demo/xq-treegrid/)
* Author xqkeji.cn
* LICENSE SSPL-1.0
* Copyright 2023 xqkeji.cn
*/
body{min-width:744px}#xqkeji-page-body{margin-top:.2rem}#xqkeji-page-body .table tbody tr td{padding:.3rem}#xqkeji-page-body td{text-align:center;vertical-align:middle}#xqkeji-page-body td .form-switch{width:32px;margin:auto}#xqkeji-page-body th{text-align:center;vertical-align:middle}#xqkeji-page-body>.card-header{color:#fff;height:50px;min-height:50px}#xqkeji-page-body>.card-header h5{color:#fff}#xqkeji-page-body .form-group{margin-bottom:1rem}#xqkeji-page-body .xq-tab-form .tab-content{padding-top:.5rem}.xq-move{cursor:move}.xq-treegrid-indent{width:18px;height:18px;margin-top:10px;position:relative;background-image:url("/assets/images/indent.gif");background-position:-3px;float:left}.xq-treegrid-expander{width:18px;height:18px;margin-top:10px;position:relative;cursor:pointer;background-image:url("/assets/images/indent.gif");background-position:-3px;float:left}td span.xq-treegrid-indent:first-child{background-position:0;margin-left:4px}.xq-treegrid-expander-expanded{background-image:url("/assets/images/collapse.png")}.xq-treegrid-expander-collapsed{background-image:url("/assets/images/expand.png")}.xq-treegrid .xq-copy{margin-right:3px}.xq-treegrid .xq-edit{margin-right:3px}.xq-treegrid .xq-delete{margin-right:3px}.xq-treegrid.xq-drag.xq-table-striped>tbody:nth-of-type(odd)>tr>td{color:#212529;background-color:rgba(0,0,0,.05)}.xq-treegrid.xq-drag.xq-table-hover>tbody>tr:hover>td{color:#212529;background-color:rgba(0,0,0,.05)}.xq-treegrid.xq-drag>:not(:first-child){border-top:none}.xq-treegrid.xq-drag>thead{border-bottom:2px solid currentColor}.xq-treegrid.xq-drag>tfoot{border-top:2px solid currentColor}