在bootstrap表中显示mysql表数据的内容

时间:2014-03-15 19:29:51

标签: php css twitter-bootstrap

我想创建这样的表:

Table

EXAMPLE FIDDLE

并希望从mysql表中放置具有以下结构的数据:

Column  Type    Null    Default     Comments    MIME
sno     int(32)     No               
username    varchar(64)     No               
userid  varchar(32)     No               
tweet_text  varchar(256)    No               
text_id     varchar(32)     No               
time    varchar(32)     No               
month   varchar(32)     No               
year    varchar(32)     No               
date    varchar(32)     No               
user_follower_count     varchar(32)     No               
rt_count    varchar(32)     No               
constant    varchar(32)     No               
in_reply_to     varchar(128)    No               

问题:

  1. 此处表标题未正确显示。怎么办?
  2. 如何添加分页。每页有30条记录。然后按next以获得下一条30条记录。

1 个答案:

答案 0 :(得分:0)

Bootstrap提供了一个用于设置表格样式的类列表。

<table class="table table-condensed">

是一个bootstrap类。

为了创建这样的表,

在HTML标题中包含bootstrap文件。

<!DOCTYPE html>
<html lang="en">


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Test</title>

<!-- Bootstrap -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">    


</head>

然后在正文部分中,使用所需的类创建表。

<body>
<table class="table table-condensed">

<?php do {
... echo table rows and columns
while ($returned_rows = $mysql_num_rows); ?>


..</table>
</body>