Блог

Главная - Вопросы по программированию - Как задать ширину со значением столбца динамической таблицы в блейде Laravel

Как задать ширину со значением столбца динамической таблицы в блейде Laravel

#html #laravel #progress-bar #laravel-blade #laravel-8

Вопрос:

Я хочу установить ширину индикатора выполнения со значениями из столбца таблицы базы данных под названием «SHAP_abs». Как я могу динамически задавать ширину для каждой строки. Вот мой файл с лезвием:

 <tr>
              <td class="col-md-4">
                {{ $row }}
              </td>
              @foreach($Correlations_list as $corr)
                @if($corr->Variable == $row )
                  <td class="col-md-4">
                   <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{ $corr->SHAP_abs }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ $corr->SHAP_abs*100 }}">
                   </div>   
                  </td>
                @endif
              @endforeach
          </tr>
          @endif
      @endforeach

Комментарии:

1. SHAP_abs это число? 0…100? 0…1?

2. Да..0.54,0.43,0.31….аналогичный тип значений и данных-varchar(255)

3. @JuanEizmendi Это 0…1

Ответ №1:

Обновите значение attr в div, чтобы оно соответствовало значениям 0…1

 <div class="progress">
    <div class="progress-bar progress-bar-striped" role="progressbar" style="width: {{ round($corr->SHAP_abs*100) }}%;" aria-valuenow="{{ round($corr->SHAP_abs*100) }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>

Комментарии:

1. Спасибо… Я попробовал вышеприведенный attr, но он не работает..ничего не возвращает при просмотре

2. ДА… и панель также не отображается, только пустые строки

3. проходят ли строки @if ?

4. ДА.. Я получаю все значения в первом столбце, но столбец, в котором должна появиться строка, пуст

5. @if получает значения… если я попытаюсь установить какое-либо статическое значение, оно будет работать нормально..даже если я пытаюсь использовать другой индикатор выполнения с меньшим или большим, чем условие его работы, но мне нужны точные значения для каждой строки в индикаторе выполнения

Метки: