HTML : During Run Time Content not correctly display

i m good at front-end technology but recently i faced one issue. so the issue is i write some html code with angular js but during run time content are not display in perfact order.. so help me

my html code is

     <div class="table-responsive mb-lg topb">
            <table class="table">
                <tr>
                    <td>
                        Name
                    </td>
                    <td>
                        
                    </td>
                </tr>
                <tr>
                    <td>
                        Description
                    </td>
                    <td>
                        
                    </td>
                </tr>

            </table>
        </div>
        <div class="table-responsive table-bordered mb-lg">
            <table class="table" ng-repeat="item in table.process_data.doc_process">
                 <tr>
                    <th rowspan="4"><i class="fa fa-square-o fa-2x"></i></th>
                    <td></td>
                 </tr>
                 <tr >
                     <td style="font-weight: bold; padding: 0;">Name: &nbsp;</td>
                 </tr>
                <tr>
                    <td style="font-style: italic; font-weight: lighter; padding: 0; ">Decription: &nbsp;</td>
                </tr>
                <tr>
                    <td style="font-style: italic; font-weight: lighter; padding: 0;">Note: &nbsp;</td>
                </tr>
            </table>

        </div>

output issue image

see this output image it tackes some extra space automatically so how to remove this extra space?

Source: AngularJS

from Angular Questions https://angularquestions.com/2017/10/02/html-during-run-time-content-not-correctly-display/
via @lzomedia #developer #freelance #web #lzomedia.com