new columns not showing

joeshoshana

Hi everybody,
i'm trying to add new columns to the datatables but they are not showing
i add the header of both of them.

Here's the html part:

 <div class="table-responsive">
           <table class="display dataTables table-bordered" cellspacing="0" id="userteams_table">
                     <thead class="thead">
                             <tr>
                                     <th class="text-center">
                                        Team Name
                                     </th>
                                     <th class="text-center">
                                         Team Country
                                     </th>
                                     <th class="text-center">
                                          Fan Type
                                     </th>
                                     <th class="text-center">
                                           Global Rating
                                     </th>
                                    <th class="text-center">
                                           Local Rating
                                    </th>
                                   <th class="text-center">
                                          Remove
                                   </th>
                           </tr>
                </thead>
         </table>
 </div>

Here's the datatable columns part in js:
"columns": [
{ "data": "Name" },
{ "data": "Country" },
{ "data": "FanType" },
{ "data": "GlobalRating" },
{ "data": "LocalRating" },
{ "data": "TeamID" }

I've attached an image of what i'm getting
the server side fills all fields.

Thank you for your help

allan

If you post a link to the page showing the issue I'd be happy to take a look and see what is going wrong.

Allan

joeshoshana

Thank for the reply
I don't have a link
but i've attach the full datatable

joeshoshana

The code is ok i needed to force refresh on the browser Thank you for your time