Question

我只是下载了DataTAble 1.9 我试着做一个基本的演示，这里是JSP：

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>                                  <%@ taglib uri="http://java.sun.com/jsp/jstl/core"; prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
  <html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>

<link href="resources/css/demo_table.css" rel="stylesheet" type="text/css" / >
<script type="text/javascript" charset="utf-8" src="resources/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/js/jquery.dataTables.js"</script>

<script type="text/javascript">
$(document).ready( function () {
$('#table_id').dataTable();
 } );
</script>
</head>

<body
<table id="table_id">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
</tr>
</tbody>
</table>
</body>
</html>

但结果是： - （

https://scontent-a-ams.xx.fbcdn.net/hphotos-frc3/t1.0-9/1795493_1374615349481499_1647144929_n.jpg

这是控制台消息。感谢。

23:06:38.708 Propiedad desconocida 'zoom'. Declaración rechazada. demo_table.css:36
23:06:38.709 Se esperaba una declaración, pero se encontró '*'. Ignorado hasta la siguiente        declaración. demo_table.css:82 
23:06:38.709 Se esperaba una declaración, pero se encontró '*'. Ignorado hasta la siguiente declaración. demo_table.css:157
23:06:38.709 Se esperaba una declaración, pero se encontró '*'. Ignorado hasta la siguiente declaración. demo_table.css:268
23:06:38.709 Propiedad desconocida '-moz-border-radius'. Declaración rechazada. demo_table.css:334
23:06:38.709 Se esperaba una declaración, pero se encontró '*'. Ignorado hasta la siguiente declaración.

DEBUG:

Error al interpretar el valor para 'background'. Declaración rechazada. DT_Debug.css:13

23：11：15.408 错误al interpreta el valor para'background'。 Declaraciónrechazada。 DT_Debug.css：14 23：11：15.408 错误al interpreta el valor para'background'。 Declaraciónrechazada。 DT_Debug.css：15 23：11：15.408 错误al interpreta el valor para'background'。 Declaraciónrechazada。 DT_Debug.css：16 23：11：15.408 Se esperaba un color，peroseencontró'top'。错误al interpreta el valor para'background'。 Declaraciónrechazada。 DT_Debug.css：17 23：11：15.408 Se esperaba'none'on una URL，peroseencontró'medid'。错误al interpretar el valor para'filter'。 Declaraciónrechazada。 DT_Debug.css：18 23：11：15.408 Se esperabaunadertración，peroseencontró'*'。 Ignorado hasta lasiguientedevenración。

非常感谢！

Answer 1

这一点都不奇怪，与Spring，JSP或你在控制台中遇到的错误无关。这是因为您使用的是demo_table.css。很容易重现你的问题：

小提琴 - ＆gt;的 http://jsfiddle.net/as55Q/

使用常规jquery.dataTables.css
时的区别
小提琴 - ＆gt;的 http://jsfiddle.net/VerEj/

所以你要做的就是使用jquery.dataTables.css

使用jQuery DataTables v1.9.4的奇怪布局

1 个答案: