各前の領域の隣にボタンを含むテーブルをフォーマットします。

Question

私は単にテーブルに3つの列を持つようにしています。私は3を持っていますが、問題は3列目です。能力のあるトピックと並ぶボタンが必要です。この例では、2つのトピックがあります。結果を駆動し、責任を負います。 3行目では、これらのトピックの横にボタンを表示する必要があります。私はこの仕事をしようとして苦労しています。

    <table class="table"> 
 
           <thead> 
 
            <tr> 
 
             <th class="tableHeader">Values</th> 
 
             <th class="tableHeader">Competencies</th> 
 
             <th class="tableHeader">Location</th> 
 
             
 

 
            </tr> 
 
           </thead> 
 
           <tbody> 
 
            <tr> 
 
             <td> 
 
              <img src="images/accountable.jpg"> 
 
             </td> 
 
             <td> 
 
              <!--inner table open--> 
 
              <table> 
 
               <tr> 
 
                <td class=""><dt>Drive Results</dt> 
 
                 <dd style="margin:20px;">Hlorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
 
                 <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
 
                </td> 
 

 

 

 

 
               </tr> 
 
               <tr> 
 
                <td class=""><dt>Take Responsibility</dt> 
 
                 <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
 
                 <dd style="margin:20px;">Plorem lorem lorem lorem ipsom</dd> 
 
                </td> 
 

 

 

 
          </table>

Answer 1

適切な表形式に従ってください。

<table> 
    <tr> 
    <th class="tableHeader">Values</th> 
    <th class="tableHeader">Competencies</th> 
    <th class="tableHeader">Location</th> 
    </tr> 
    <tr> 
    <td>1</td> 
    <td class=""><dt>Drive Results</dt> 
     <dd style="margin:20px;">Hlorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
     <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
    </td> 
    <td><button type="button">Click Me</button> </td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td class=""><dt>Take Responsibility</dt> 
     <dd style="margin:20px;">lorem lorem lorem lorem ipsom lorem lorem lorem lorem ipsom</dd> 
     <dd style="margin:20px;">Plorem lorem lorem lorem ipsom</dd> 
    </td> 
    <td><button type="button">Click Me</button> </td> 
    </tr> 
</table>