Я пытаюсь использовать jQuery DataTables в своем проекте asp.net, но он не применяет ни стили, ни функции dataTable, моя таблица остается нормальной.
Я пытался использовать CDN, но тщетно. Но когда я копирую тот же код и CDN в блокнот++, он работает. Я потратил 2 дня на просмотр связанных проблем, но это не решает мою. Пробовал вставлять ссылки в теги <head> или <body>, но все равно тщетно.
<%@ Page Title="" Language="C#" MasterPageFile="~/AdminMenus.Master" AutoEventWireup="true" CodeBehind="companies.aspx.cs" Inherits="AdminDashboard.companies" %>
<asp:Content ID="Content1" ContentPlaceHolderID="title" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="~/DataTables-1.10.7/media/css/jquery.dataTables.css" />
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="~/DataTables-1.10.7/media/js/jquery.dataTables.js"></script>
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="~/DataTables-1.10.7/media/js/jquery.js"></script>
<script>
$(document).ready(function () {
$('#camp').DataTable();
});
</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="content">
<!-- begin breadcrumb -->
<ol class="breadcrumb pull-right">
<li><a href="javascript:;">Home</a></li>
<li class="active">Dashboard</li>
</ol>
<!-- end breadcrumb -->
<h3 class="page-header">Dashboard <small>.</small></h3>
<div class="row" style="margin-top: -15px;">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading" style="background: #2d353c; color: #fff; border: none; padding: 10px 15px;">
<div>
<strong>Recently Registered Company(ies)</strong>
</div>
</div>
<div class="panel-body">
<div class="table-responsive">
<table id="camp" class="table display table-striped">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Country</th>
<th>City</th>
<th>Email address</th>
<th>Registration Approval</th>
<th>Membership Type</th>
<th>Registration Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 </td>
<td>Youbisol</td>
<td>South Africa</td>
<td>Johannesburg</td>
<td>[email protected]</td>
<td>Pending</td>
<td>Platinum</td>
<td>2015/07/25</td>
</tr>
<tr>
<td>1</td>
<td>Youbisol</td>
<td>South Africa</td>
<td>Johannesburg</td>
<td>[email protected]</td>
<td>Pending</td>
<td>Platinum</td>
<td>2015/07/25</td>
</tr>
<tr>
<td>1 </td>
<td>Youbisol</td>
<td>South Africa</td>
<td>Johannesburg</td>
<td>[email protected]</td>
<td>Pending</td>
<td>Platinum</td>
<td>2015/07/25</td>
</tr>
<tr>
<td>1 </td>
<td>PKMM</td>
<td>GABON</td>
<td>LIBREVILLE</td>
<td>[email protected]</td>
<td>Aproved</td>
<td>Platinum</td>
<td>2015/09/20</td>
</tr>
<tr>
<td>1 </td>
<td>Youbisol</td>
<td>South Africa</td>
<td>Johannesburg</td>
<td>[email protected]</td>
<td>Pending</td>
<td>Platinum</td>
<td>2015/07/25</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</asp:Content>
