vuetify-editable-data-grid/dist/style.css

A highly customizable and interactive editable data table component built with Vue 3 and Vuetify 3. This component supports inline editing, undo/redo functionality, column visibility filters, drag-to-fill (like Excel), and more.

[data-v-6cc7b667] .custom-grid td,[data-v-6cc7b667] .custom-grid th{border-left:thin solid rgba(var(--v-border-color),var(--v-border-opacity))!important}[data-v-6cc7b667] .custom-grid td.v-data-table__td{padding:0!important}[data-v-6cc7b667] .v-data-table thead th{background-color:#f7f7f9;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-size:13px;font-weight:700;white-space:nowrap}[data-v-6cc7b667] .custom-grid span.v-select__selection-text{font-size:13px!important;padding-left:.5rem!important}[data-v-6cc7b667] .custom-grid .v-data-table-header__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}[data-v-6cc7b667] .custom-grid .v-input__details{position:absolute}.cell[data-v-6cc7b667]{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;font-size:13px;justify-content:center;margin:0;min-height:42px;padding:0 16px!important;position:relative;-webkit-user-select:none;user-select:none}.cell.text-center[data-v-6cc7b667]{justify-content:center}.cell.text-left[data-v-6cc7b667]{justify-content:start}.cell.text-right[data-v-6cc7b667]{justify-content:end}.cell.nonEditable[data-v-6cc7b667]{background-color:#f7f7f9;color:#333}.cell.selected[data-v-6cc7b667]{border:1px solid rgb(var(--v-theme-primary));box-shadow:0 0 2px rgb(var(--v-theme-primary))}.cell.selected[data-v-6cc7b667]:has(.error-caret){border:1px solid rgb(var(--v-theme-error));box-shadow:0 0 2px rgb(var(--v-theme-error))}.cell.fillZone[data-v-6cc7b667]{background-color:#d0ebff}.cell.show[data-v-6cc7b667]:has(.v-input),[data-v-6cc7b667] .cell .show .v-field__field input{padding:0!important}.cell[data-v-6cc7b667]:has(.error-caret):after{border-left:8px solid transparent;border-right:0px solid rgb(var(--v-theme-error));border-top:8px solid rgb(var(--v-theme-error));content:" ";height:0;position:absolute;right:0;top:0;width:0}.handle[data-v-6cc7b667]{background:#228be6;border-radius:1rem;bottom:-5px;color:#fff;cursor:grab;font-size:.5rem;height:10px;line-height:10px;position:absolute;right:-5px;text-align:center;width:10px}[data-v-6cc7b667] .v-overlay__content.error-tooltip{background-color:rgb(var(--v-theme-error))!important}.edit-input[data-v-6cc7b667]{border:none;height:100%;outline:none;padding:0;text-align:center;width:100%}[data-v-6cc7b667] .edit-input input{font-size:13px!important;padding:8px!important}.controls[data-v-6cc7b667]{align-items:center;display:flex;gap:10px;justify-content:end;padding:10px 0}