Rohini Shirke

Rohini Shirke

  • NA
  • 46
  • 31.2k

Manage table according to dropdown selected value

Dec 2 2013 12:20 AM
       I am begginer to asp.net mvc. My mvc application have 3 Tables.if dropdown selected value is 1 then "tblsolid" will be visible & "tblgas" will be hide & If selected value is 2 then "tblgas will be show & "tblsolid" will be hide." tblsolid" have  3 rows &"tblGas" 13 rows.In case of when "tblgas" will show then there is no problem."tblcomm" is show immediately below "tblgas".BUT in case of whenever "tblsolid" will show then there is space between "tblsolid" & "tblcomm" because "tblsolid" contain minimum rows than "tblgas"..What is solution to this problem ??? Below are the my three table structure.

 <table style="position: absolute" id="tblSolid">
                            <tr>
                                <td>
                                    Carbon
                                </td>
                                <td>
                                    @Html.TextBox("TbC", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC)
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Hydrogen:
                                </td>
                                <td>
                                    @Html.TextBox("TbH", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbH)
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Nitrogen :
                                </td>
                                <td>
                                    @Html.TextBox("TbN", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbN)
                                </td>
                            </tr>                             

                        </table>


                        <table id="tblGas">
                            <tr>
                                <td>
                                    CH4
                                </td>
                                <td>
                                    @Html.TextBox("TbCH4", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbCH4)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    C2H4:
                                </td>
                                <td>
                                    @Html.TextBox("TbC2H4", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC2H4)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    C2H6 :
                                </td>
                                <td>
                                    @Html.TextBox("TbC2H6", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC2H6)
                                </td>
                            </tr>


                            <tr>
                                <td>
                                    C3H6 :
                                </td>
                                <td>
                                    @Html.TextBox("TbC3H6", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC3H6)
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    C3H8 :
                                </td>
                                <td>
                                    @Html.TextBox("TbC3H8", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC3H8)
                                </td>
                            </tr>


                            <tr>
                                <td>
                                    C4H10 :
                                </td>
                                <td>
                                    @Html.TextBox("TbC4H10", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC4H10)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    C5H12 :
                                </td>
                                <td>
                                    @Html.TextBox("TbC5H12", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC5H12)
                                </td>
                            </tr>


                            <tr>
                                <td>
                                    C6H6:
                                </td>
                                <td>
                                    @Html.TextBox("TbC6H6", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbC6H6)
                                </td>
                            </tr>


                            <tr>
                                <td>
                                    H2
                                </td>
                                <td>
                                    @Html.TextBox("TbH2", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbH2)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    CO:
                                </td>
                                <td>
                                    @Html.TextBox("TbCO", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbCO)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    H2S :
                                </td>
                                <td>
                                    @Html.TextBox("TbH2S", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbH2S)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    H2OGAS :
                                </td>
                                <td>
                                    @Html.TextBox("TbH2OGAS", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbH2OGAS)
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    SO2:
                                </td>
                                <td>
                                    @Html.TextBox("TbSO2", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbSO2)
                                </td>

                     
                        </table>

                        <table id="tblComm">
                            <tr>
                                <td>
                                    Excess Air:
                                </td>
                                <td>
                                    @Html.TextBox("TbExcessAir", 0, new { style = "width:50px" })
                                    @Html.ValidationMessageFor(m => m.TbExcessAir)
                                </td>
                            </tr>
                        </table>