rowspan в bootstrap table class

Я использую bootstrap3 для своего стола. Мне нужна кнопка входа в систему, чтобы быть последним столбцом таблицы. Мне действительно нужно, чтобы он был только в бутстрапе.rowspan в bootstrap table class

<!DOCTYPE html> 
 
    <html lang="en"> 
 
    <head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <div class="container"> 
 
    <h2>Bordered Table</h2> 
 
    <p>The .table-bordered class adds borders to a table:</p>    
 
    <table class="table"> 
 
    <tbody> 
 
     <tr> 
 
\t \t <td rowspan='3'>123</td> 
 
     <td rowspan='3'>C</td>  
 
     <td rowspan='3'>11-07-1996</td> 
 
     <td rowspan='3'>Male</td> 
 
     </tr>   
 
     <tr> 
 
     <td>PCMB (Engg and Medical) 2015</td> 
 
     <td>21-09-2015</td> 
 
     </tr> 
 
     <tr> 
 
     <td>PCMB (Engg and Medical) 2016</td> 
 
     <td>21-09-2016</td> 
 
     </tr> 
 
\t <tr> 
 
     <td rowspan='3'><button class="btn btn-primary">Login</button></td> 
 
     </tr> 
 
      
 
     </tbody> 
 
     </table> 
 
    </div> 
 

 
</body> 
 
</html>

Я пытался, но не мог решить. Пожалуйста, помогите мне.

источник

2016-10-24 438sunil

попробуйте этот код

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Bootstrap Example</title> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div class="container"> 
<h2>Bordered Table</h2> 
<p>The .table-bordered class adds borders to a table:</p>    
<table class="table"> 
<tbody> 
    <tr> 
    <td rowspan='3'>123</td> 
    <td rowspan='3'>C</td>  
    <td rowspan='3'>11-07-1996</td> 
    <td rowspan='3'>Male</td> 
    </tr>   
    <tr> 
    <td>PCMB (Engg and Medical) 2015</td> 
    <td>21-09-2015</td> 
    </tr> 
    <tr> 
    <td>PCMB (Engg and Medical) 2016</td> 
    <td>21-09-2016</td> 
    </tr> 
    <tr> 
    <td></td><td></td><td></td><td></td><td></td><td><button class="btn btn-primary">Login</button></td> 
    </tr> 

    </tbody> 
    </table> 
</div>

источник

2016-10-24 11:57:10

Его ближайшие в прошлом тд, но не в первом ряду. – 438sunil

таблица непристойно создает строку иначе невозможно @ 438sunil –

ответ

Смежные вопросы