dcat-admin

dcat-admin


组合表头

<h1>组合表头</h1> <p>通过 <code>Grid::combine</code> 方法可以很方便的把任意两个以上的字段组合成一级表头</p> <p>&lt;a href=&quot;<a href="http://103.39.211.179:8080/admin/reports&quot">http://103.39.211.179:8080/admin/reports&quot</a>; target=&quot;_blank&quot;&gt; &lt;img style=&quot;box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.12)&quot; width=&quot;100%&quot; src=&quot;{{public}}/assets/img/screenshots/grid-combination.png&quot;&gt; &lt;/a&gt;</p> <p>示例</p> <pre><code class="language-php">protected function grid() { return Grid::make(new Report(), function (Grid $grid) { // 第一个参数为一级表头字段名称,第二个字段为二级表头字段名称,二级表头字段最少设置两个 $grid-&amp;gt;combine('avgCost', ['avgMonthCost', 'avgQuarterCost', 'avgYearCost']); $grid-&amp;gt;combine('avgVist', ['avgMonthVist', 'avgQuarterVist', 'avgYearVist']); // 设置样式 $grid-&amp;gt;combine('top', ['topCost', 'topVist', 'topIncr'])-&amp;gt;style('color:#1867c0'); $grid-&amp;gt;column('content')-&amp;gt;limit(50); $grid-&amp;gt;column('cost')-&amp;gt;sortable(); $grid-&amp;gt;column('avgMonthCost'); $grid-&amp;gt;column('avgQuarterCost')-&amp;gt;setHeaderAttributes(['style' =&amp;gt; 'color:#5b69bc']); $grid-&amp;gt;column('avgYearCost'); $grid-&amp;gt;column('avgMonthVist'); $grid-&amp;gt;column('avgQuarterVist'); $grid-&amp;gt;column('avgYearVist'); $grid-&amp;gt;column('incrs'); $grid-&amp;gt;column('avgVists'); $grid-&amp;gt;column('topCost'); $grid-&amp;gt;column('topVist'); $grid-&amp;gt;column('topIncr'); $grid-&amp;gt;column('date')-&amp;gt;sortable(); }); }</code></pre>

页面列表

ITEM_HTML