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

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

jquery spring jsp datatables

使用jQuery DataTables v1.9.4的奇怪布局,jquery,spring,jsp,datatables,jquery-datatables,Jquery,Spring,Jsp,Datatables,Jquery Datatables,我只是下载了数据表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

我只是下载了数据表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>

23:11:15.408 “背景”段的解释错误。雷查扎达宣言。DT_Debug.css:14 23:11:15.408 “背景”段的解释错误。雷查扎达宣言。DT_Debug.css:15 23:11:15.408 “背景”段的解释错误。雷查扎达宣言。DT_Debug.css:16 23:11:15.408在“顶部”之前，请使用颜色。 “背景”段的解释错误。雷查扎达宣言。DT_Debug.css:17 23:11:15.408对于URL，请输入“无”，然后输入“progid”。 “过滤器”段的解释错误。雷查扎达宣言。DT_Debug.css:18 23:11:15.408这是一份声明，内容是“*”。Ignorado hasta la siguiente declaración

非常感谢

这一点也不奇怪，与Spring、JSP或控制台中出现的错误无关。这是因为您使用的是

demo\u table.css

。很容易重现您的问题：

小提琴->

这里是使用常规的

jquery.dataTables.css

小提琴->

因此，您所要做的就是使用

jquery.dataTables.css

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