Как показать параметр типа спреда и субпараметр в таблице HTML 5 бритвы

Question

У меня есть условие, например, у меня есть параметр и подпараметр в одной таблице столбцов с именем "NameParameter" . Параметр и подпараметр становятся единым целым в этом столбце, но у меня есть другой столбец, чтобы определить, было ли значение параметром или подпараметром, это столбец "TypeParameter" type int, если значение было параметром в NameParameter , идентификатор в TypeParameter будет 1, а для субпараметра будет 2 в TypeParameter столбец.

и я хочу сделать столбец в таблице там параметром и субпараметром, они распространяются. так вот мои коды.

<table>
<tr>
            <th>Parameter</th>
            <th>SubParameter</th>
            <th>Persentase</th>
            <th>Bobot</th>
        </tr>


        @foreach (var jajal in ViewBag.Coba1)
        {
            <tr>
                @if (@jajal.TypeParameter != null)
                {         
                    <td contenteditable='true'>@jajal.NameParameter</td>
                    <td contenteditable='true'>@jajal.NameParameter</td> 
                    <td contenteditable='true'>@jajal.Persentase</td>
                    <td contenteditable='true'>@jajal.Bobot</td>

                }
            </tr>
        }

    </table>
}

мои ожидания по выводу были такими:

parameter    Sub Parameter 
a             e
b             f
c             g
d             h

но из моих кодов выше, они отображали все значения из столбца "NameParameter" TypeParameter пока не распространяется, поэтому, пожалуйста, помогите мне с этим. Thankyou

Answer 1

вот мой временный ответ, на самом деле я использую код jquery.rowspanizer.min.js из лицензии MIT.

<tr>
>         <th>Parameter</th>
>         <th>SubParameter</th>
>         <th>DetailParameter</th>
>         <th>Narasi</th>
>         <th>Jumlah</th>
>         <th>Persentase</th>
>         <th>Total Konvensi</th>
>         <th>Range</th>
>         <th>Risk Level</th>
>         <th>Bobot</th>
>         <th>Score</th>
>     </tr>
>     <tr>
>         @{
>             var isi = (List<APUPPT.Models.CIXMasterParameter>)ViewBag.Coba1; // Cast the
> list
>             var parent = isi.Where(x => x.TypeParameter == 1).Where(x => x.Parent_id == null);
>         }
> 
>     @foreach (var param in parent)
>     {
>         var subPar = isi.Where(x => x.TypeParameter == 2).Where(x => x.Parent_id == param.Id);
>         <tr>
> 
>             @foreach (var sub in subPar)
>             {
>                 var detPar = isi.Where(x => x.TypeParameter == 3).Where(x => x.Parent_id == sub.Id);
>                 if (detPar.Count() == 0 || detPar.Count() == null)
>                 {
>                 <td contenteditable='true'>
>                     @param.NameParameter
>                 </td>  
>                 <td contenteditable='true'>
>                     @sub.NameParameter
>                 </td>                  
>                 <td contenteditable='true'></td>        
>                 @Html.Raw("</tr><tr>")    
>                 }
>                 else
>                 {
>                     foreach (var det in detPar)
>                     {              
>                 <td contenteditable='true'>
>                     @param.NameParameter
>                 </td>  
>                 <td contenteditable='true'>
>                     @sub.NameParameter
>                 </td>                  
>                 <td contenteditable='true'>
>                     @det.NameParameter
>                 </td>         
>                 <td contenteditable='true' width='200'></td>
>                 <td contenteditable='true'></td> 
>                 <td contenteditable='true'>
>                     @det.Persentase
>                 </td>
>                 <td contenteditable='true'></td>
>                 <td contenteditable='true'></td>
>                 <td contenteditable='true'></td>
>                 <td contenteditable='true'> 
>                     @det.Bobot
>                 </td>
>                 <td contenteditable='true'> 
>                    
>                 </td>
>                 
>               
>                 @Html.Raw("</tr><tr>")   
>                     }
>                 }
>             }
>         </tr>

но стол все еще беспорядок. я получил этот ответ от моего старшего.

Answer 2

Непонятно, как связаны строки параметров и подпараметров, поэтому их сложно отобразить в одной строке. Не имея этого, лучшее, что вы можете сделать, это оставить один из столбцов пустым. Выглядело бы что-то вроде этого:

parameter    Sub Parameter 
a             
b             
              e
c
              g
              h
d

Конечно, это всего лишь пример. Для этого вы можете использовать еще if s:

@foreach (var jajal in ViewBag.Coba1)
{
    <tr>
        @if (@jajal.TypeParameter != null)
        {
            @if (@jajal.TypeParameter == 1)
            {
                <td contenteditable='true'>@jajal.NameParameter</td>
                <td></td>
            }

            @if (@jajal.TypeParameter == 2)
            {
                <td></td>
                <td contenteditable='true'>@jajal.NameParameter</td>
            }

            <td contenteditable='true'>@jajal.Persentase</td>
            <td contenteditable='true'>@jajal.Bobot</td>
        }
    </tr>
}

Обратите внимание, как пусто <td> используется вместо отсутствующего значения столбца