如何在 Laravel 刀片中使用动态表列值设置宽度

Posted

技术标签:

【中文标题】如何在 Laravel 刀片中使用动态表列值设置宽度【英文标题】:How to set width with dynamic table column value in Laravel blade 【发布时间】: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 【参考方案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 正在获取值...如果我尝试设置任何静态值,它工作正常..即使我尝试使用小于大于条件的不同进度条,但我需要准确进度条中每一行的值

以上是关于如何在 Laravel 刀片中使用动态表列值设置宽度的主要内容,如果未能解决你的问题,请参考以下文章

Laravel - 如何在视图中创建(匿名)动态刀片组件

Laravel 路由动态路由控制器到刀片模板

使用刀片 (Livewire) 调用动态内容

在 laravel 刀片模板中动态更改每个用户的背景图像

使用 Javascript 在 Laravel 刀片视图中显示数组中的动态数据时出现问题

如何在 laravel 刀片的 for 循环中设置值