Как переименовать столбец таблицы начальной загрузки?

Question

Как переименовать столбец таблицы ? Я хочу переименовать имя столбца при нажатии кнопки. если кто-нибудь знает, пожалуйста, помогите мне :)

Answer 1

Ваш вопрос непонятен. Вы можете добавить коды, которые вы пробовали, чтобы улучшить вопрос.

Рабочая Демонстрационный

$(document).ready(function(){ 
 
    $('[type="button"]').click(function(){ 
 
     $('.table tr th').text('changed') 
 
    }); 
 
});

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <h2>Basic Table</h2> 
 
    <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p>    
 
    <table class="table"> 
 
    <thead> 
 
     <tr> 
 
     <th>Firstname</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>John</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Mary</td> 
 
     </tr> 
 
     <tr> 
 
     <td>July</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div> 
 
<br/> 
 
<input type="button" value="Change">

Answer 2

Как это:

<div> 
 
    <table id="users" class="table table-bordered table-condensed"> 
 
     <tr><th>#</th><th>name</th><th>age</th></tr> 
 
     <tr> 
 
      <td>1</td> 
 
      <td><a href="#" data-pk="1">Mike</a></td> 
 
      <td>21</td>  
 
     </tr> 
 
     
 
     <tr> 
 
      <td>2</td> 
 
      <td><a href="#" data-pk="2">John</a></td> 
 
      <td>28</td>  
 
     </tr>   
 
     
 
     <tr> 
 
      <td>3</td> 
 
      <td><a href="#" data-pk="3">Mary</a></td> 
 
      <td>24</td>  
 
     </tr>   
 
     
 
    </table>  
 
</div>

Answer 3

Для этого ничего особенного, просто измените имя столбца, используя jQuery .text() внутри кнопок click обработчик.

JS КОД:

$(this).text('NewCol'); 

Live Demo @ JSFiddle