时间戳

首页 > 解决方案 > HTML中的嵌套colspan

html - HTML中的嵌套colspan

问题描述

我正在尝试制作一个简单的表格。我能够进行第一次调用。但第二个不工作。表在下图中。 在此处输入图像描述

下面是我尝试过的html代码： 

<table class="table table-bordered" width="100%" border="1" cellpadding="3" cellspacing="0">

    <thead>
        <tr class="bg-dark text-white" align="center">
            <th rowspan="2" class="text-center">{{ __('Major Technology Adopted') }}</th>
            <th colspan="10" class="text-center">{{ __('No Of Farmers Adopted Technology:Since Inception To Date') }}</th>


        </tr>
        <tr class="bg-dark text-white" align="center">
            <th colspan="4" class="text-center">{{ __('CIG') }}</th>
            <th colspan="4">{{ __('Non-CIG') }}</th>
        </tr>
        <tr>
            <th class="text-center">{{ __('Total Farmer') }}</th>
            <th class="text-center">{{ __('Female Farmers') }}</th>
            <th class="text-center">{{ __('Total Ethnic') }}</th>
            <th class="text-center">{{ __('Female Ethnic') }}</th>
            <th class="text-center">{{ __('Total Farmer') }}</th>
            <th class="text-center">{{ __('Female Farmers') }}</th>
            <th class="text-center">{{ __('Total Ethnic') }}</th>
            <th class="text-center">{{ __('Female Ethnic') }}</th>
        </tr>

    </thead>

</table>

我怎样才能做到这一点？

标签： htmlhtml-table

解决方案

<table class="table table-bordered" width="100%" border="1" cellpadding="3" cellspacing="0">

    <thead>
        <tr class="bg-dark text-white" align="center">
            <th rowspan="2" class="text-center">{{ __('Major Technology Adopted') }}</th>
            <th colspan="10" class="text-center">{{ __('No Of Farmers Adopted Technology:Since Inception To Date') }}</th>


        </tr>
        <tr class="bg-dark text-white" align="center">
            <th colspan="4" class="text-center">{{ __('CIG') }}</th>
            <th colspan="4">{{ __('Non-CIG') }}</th>
        </tr>
        <tr>
<th></th>
            <th class="text-center">{{ __('Total Farmer') }}</th>
            <th class="text-center">{{ __('Female Farmers') }}</th>
            <th class="text-center">{{ __('Total Ethnic') }}</th>
            <th class="text-center">{{ __('Female Ethnic') }}</th>
            <th class="text-center">{{ __('Total Farmer') }}</th>
            <th class="text-center">{{ __('Female Farmers') }}</th>
            <th class="text-center">{{ __('Total Ethnic') }}</th>
            <th class="text-center">{{ __('Female Ethnic') }}</th>
        </tr>

    </thead>

</table>

推荐阅读