Могу ли я динамически добавлять представление в строку таблицы?

#c# #jquery #asp.net #razor

#c# #jquery #asp.net #razor

Вопрос:

Я новичок в asp.net razor view и jquery. Теперь мне нужно динамически добавлять строку в таблицу.В этой строке есть много дел.Поэтому я не хочу добавлять с помощью «Append ()».Пожалуйста, могу ли я сделать это другим способом?Могу ли я разделить это на внешний вид и добавить это в строку таблицы?

Англ.

  $("#button").click(function () {
     $("#detailmain").append();
});
  

Я хочу добавить приведенный ниже код в строку таблицы.

 <tr>
           <td>
               <table style="background-color: #FDE8D6;width:100%;height:100%;border:1px solid silver">
                    <tr>
                        <td>
                            <img src="~/Images/test.png" />
                        </td>
                        <td>
                            test form                          
                        </td>
                    </tr>
                   <tr>
                       <td colspan="2">
                            <table style="width:100%;border-collapse:collapse;">
                                <tr style="height:30px;background:silver;">
                                    <td>
                                    Fef test
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table style="font-size:11px;width:100%;">

                                            <tr style="background:silver;">
                                                <th>
                                                    Current Worksheet
                                                </th>
                                                <th >
                                                    Detail Worksheet
                                                </th>
                                                <th>

                                                </th>
                                                <th>

                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Date of Birth
                                                </td>
                                                <td>
                                                    Birthday
                                                </td>
                                                <td>
                                                    E
                                                </td>
                                                <td>
                                                    D
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    User Name
                                                </td>
                                                <td>
                                                    Name
                                                </td>
                                                <td>
                                                    E
                                                </td>
                                                <td>
                                                    D
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <button style="width:100%;background:#0094ff;">Field</button>
                                    </td>
                                </tr>
                                <tr style="background-color: #FDE8D6">                                    
                                    <td style="float:right;"><img src="~/Images/Field.png" /></td>
                                </tr>
                            </table>
                       </td>
                    </tr>
               </table>              
       </tr>
  

Комментарии:

1. Вы действительно пробовали что-нибудь сами? Если да, то, пожалуйста, укажите код, который вы использовали.

2. Теперь мне нравится это, например. $(«#detailmain»).append(«<tr><td><таблица>…… и т.д.»); Я не думаю, что это единственный способ сделать это.