Fillable width on element

Question

i have problem with horizontal scrollable div in ngx-datatable. How to fill content with full width ? That green color must be fill the content.

Here is some code:

@media screen and (min-width: 769px) and (max-width: 1160px) {
    .datatable-body {
      display: flex;
      flex-wrap: wrap;
      overflow-x: scroll;
      &-cell {
        flex: 0 0 20%;
        max-width: 20%;
        width: auto !important;
        min-width: 20% !important;
        white-space: normal !important;
        font-size: 12px;
        &.is_hidden {
          display: none;
        }
      }
    }

    .datatable-scroll,
    .datatable-row-wrapper,
    .datatable-body-row,
    .datatable-header-inner {
      width: 100% !important;
    }

    // All column will same width
    .datatable-header {
      &-cell {
        flex: 0 0 20%;
        max-width: 20%;
        width: auto !important;
        min-width: 20% !important;
        font-size: 12px;
        &.should_be_hidden {
          display: none;
        }
      }
    }
  }

What did i do wrong any suggestion ?

score 0 · Answer 1 · answered Jun 21 '19 at 07:27

0

Try adding width to <ngx-datatable></ngx-datatable> selector.

answered Jun 21 '19 at 07:27

ProfiWebDev

9
2

same result when i set width to `ngx-datatable` – batgerel.e Jun 21 '19 at 07:29
then what about just changing color of .datatable-body-row and .datatable-body-row-odd to green ? – ProfiWebDev Jun 21 '19 at 07:34

Fillable width on element

1 Answers1