/* Wrapper to allow horizontal scroll when expanded */
    .table-wrapper {
      overflow-x: auto;
      width: 100%;
    }
  
    table  {
      table-layout: auto; /* allow dynamic width growth */
      width: auto; /* table can expand */
      min-width: 100%; /* at least fill container */
      border-collapse: collapse;
    }
  
    table thead th {
      position: relative;
      white-space: nowrap;
    }
  
    /* Handle for dragging */
    table .resize-handle {
      position: absolute;
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      cursor: col-resize;
      user-select: none;
      z-index: 10;
    }
  
    table .resize-handle:hover {
      background: rgba(0, 0, 0, 0.1);
    }