2014-01-06 8 views
-1

Я визуализирую таблицу, используя json-ответ, используя html и ajax.Таблица Столбец показывает сообщение в центре строки

Ответ Json, имеющий три поля.

  1. Ф.И.О. 2. телефон нет 3. Нет времени регистрации.

Значение Json Третья колонка, имеющая некоторые значения. образец JSON

var contacts = [{ 
       "name" : "Bob William", 
       "phone_number" : "999912345", 
       "no_logged" : 10 
      }, { 
       "name" : "Harry Roger", 
       "phone_number" : "993546466", 
       "no_logged" : 9 
      }, { 
       "name" : "John Rambo", 
       "phone_number" : "9945343345", 
       "no_logged" : 8 
      }, { 
       "name" : "Rihana Smith", 
       "phone_number" : "9993345673", 
       "no_logged" : 7 
      }]; 

Снимок экрана Адрес: http://postimg.org/image/q2vo1xltj/

Somethimes значение ответа JSON (3-е поле) это все нулевые значения. На этот раз мне нужно, чтобы показать какое-то сообщение («Никто из людей не вошли в наш website.Try улучшения») в 3-й колонке центра стола образца

var contacts = [{ 
       "name" : "Bob William", 
       "phone_number" : "999912345", 
       "no_logged" : 0 
      }, { 
       "name" : "Harry Roger", 
       "phone_number" : "993546466", 
       "no_logged" : 0 
      }, { 
       "name" : "John Rambo", 
       "phone_number" : "9945343345", 
       "no_logged" : 0 
      }, { 
       "name" : "Rihana Smith", 
       "phone_number" : "9993345673", 
       "no_logged" : 0 
      }]; 

нужно показать сообщение, как на скриншоте. Можете ли вы помочь в этом. Снимок экрана Адрес: http://postimg.org/image/u9qioe2zd/

HTML код

<table> 
    <thead id="table-header"> 
     <tr class="tablesorter-headerRow"> 
      <th >User</th> 
      <th >Phone No </th> 
      <th >No of times logged</th> 
     </tr> 
    </thead> 
    <tbody > 
     <tr> 
      <td >Bob William</td> 
      <td >999912345</td> 
      <td >0</td> 
     </tr> 
     <tr> 
      <td >Harry Roger</td> 
      <td >993546466</td> 
      <td >0</td> 
     </tr> 
     <tr> 
      <td >John Rambo</td> 
      <td >9945343345</td> 
      <td >0</td> 
     </tr> 
     <tr> 
      <td >Rihana Smith</td> 
      <td >9993345673</td> 
      <td >0</td> 
     </tr> 
     <tr> 
      <td >Susian Richards</td> 
      <td >9993456673</td> 
      <td >0</td> 
     </tr> 
    </tbody> 
</table> 
+0

Опубликуйте код, который вы собрали вместе. –

+0

Привет, я добавил html code.please проверить его – RSKMR

ответ

1

Я хотел бы предложить вам создать DIV в таблице в абсолютном положении фиксируется, а затем вы можете также зафиксировать левую и верхнюю позицию DIV так что он в центре. Что-то вроде

div{ position:absolute; top:100px; left:300px; width:60px; }

Помните, установить относительное положение в таблице.

+0

Как получить таблицу ответов td width, height и center of table. потому что каждый раз длина данных (нет строк) будет увеличиваться или уменьшаться. – RSKMR

+0

вы можете использовать методы jquery height() и width() для расчета размеров и соответственно динамически изменять положение div. –

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