【问题标题】:How to set width with dynamic table column value in Laravel blade如何在 Laravel 刀片中使用动态表列值设置宽度
【发布时间】:2021-10-03 22:28:45
【问题描述】:

我想用名为“SHAP_abs”的数据库表列中的值设置进度条的宽度。如何为每一行动态设置宽度。 这是我的 Blade 文件:

<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

【问题讨论】:

  • SHAP_abs 是数字吗? 0...100? 0...1?
  • Yes..0.54,0.43,0.31....类似的值和数据类型是 varchar(255)
  • @JuanEizmendi 这是 0...1

标签: html laravel progress-bar laravel-blade laravel-8


【解决方案1】:

更新 div 中的 attr 以匹配 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>

【讨论】:

  • 谢谢...我尝试了上面的 attr 但它不起作用..在视图中没有返回任何内容
  • 是的......并且栏也没有显示,只有空白行
  • 是通过@if的行吗?
  • 是的..我得到了第一列中的所有值,但是应该出现在哪个栏的列是空白的
  • @if 正在获取值...如果我尝试设置任何静态值,它工作正常..即使我尝试使用小于大于条件的不同进度条,但我需要准确进度条中每一行的值
猜你喜欢
  • 1970-01-01
  • 2016-10-28
  • 2017-06-23
  • 2020-10-25
  • 2020-10-09
  • 2014-02-15
  • 2017-05-07
  • 2021-11-29
  • 1970-01-01
相关资源
最近更新 更多