php - 显示bootstrap表中mysql表数据的内容

标签 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 条记录。然后按下一步获取接下来的 30 条记录。

最佳答案

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

<table class="table table-condensed">

是一个 Bootstrap 类。

为了创建这样的表,

在您的 HTML header 中包含 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>

关于php - 显示bootstrap表中mysql表数据的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22428666/

相关文章:

HTML 元素未正确堆叠在 Twitter 的 'Bootstrap' 框架中

twitter-bootstrap - Bootstrap 在 Razor 页面中不起作用

php - 好主意还是坏主意?使用静态类变量存储全局变量

php - Google Assistant 出错,而 Dialogflow 没有错误

CSS 媒体查询不适用于 iphone 5

javascript - 使用 WordPress 实现巨型菜单

php - 如何在 PHP 中以编程方式验证 Tether (TRC20) 钱包地址?

php - 如何在 PHP 中识别请求的页面

jquery - 使用 overlayScrollbars.js 时 div 宽度自动折叠

html - 无法在 CSS 或 HTML 中添加背景图像