Мой jsgrid не отображается на HTML странице
Что я уже пробовал:
Я пытаюсь написать html - страницу, которая добавляет значения из локального хранилища и показывает их на jsgrid(Lightweight Grid jQuery Plugin-jsGrid [^]), включая сортировку . но я не могу этого сделать. сама сетка не отображается на веб-странице. может ли кто-нибудь помочь мне
это код, который я пробовал, может ли кто-нибудь сказать мне, как добавить к нему код jsgrid, чтобы принять значение из локального хранилища и показать его после сортировки.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DATA MANAGER</title>
<meta name="description" content="Hello World">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid.min.css" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid-theme.min.css" />
<link type="text/css" rel="stylesheet" href="jsgrid.min.css" />
<link type="text/css" rel="stylesheet" href="jsgrid-theme.min.css" />
<style>
.blue
{
background-color: #428BCA;
padding: 10px;
}
.heading
{
padding: 10px;
}
.form
{
padding: 20;
}
</style>
<script>
function save()
{
var v1=document.getElementById('email').value;
var v2=document.getElementById('username').value;
var v3=document.getElementById('age').value;
localStorage.setItem('email',v1);
localStorage.setItem('username',v2);
localStorage.setItem('age',v3);
}
</script>
</head>
<body>
<header>
</header>
<div class="blue">
<div class="container">
<div class="heading text-center"><h2>SAVAD'S DATA MANAGER TASK</h2></div>
</div>
</div>
<br><br><br><br><br><br>
<div style="width:1250px; margin:0 auto;">
<h1>Enter Details</h1>
</div>
<div class = "col-md-6 text-left">
<!-- Content goes here -->
<form>
<fieldset class="form-group">
<div class="col-xs-10">
<label for="email">Enter Email Address</label>
<input type="email" class="form-control input-lg" id="email" placeholder="emailAddress" >
<label for="username">Enter username</label>
<input type="username" class="form-control input-lg" id="username" placeholder="username" >
<label for="age">Enter Age</label>
<input type="age"class="form-control input-lg" id="age" placeholder="age" >
<br>
<input type="button" value="save" />
</div>
</fieldset>
</form>
<h1>col1</h1>
</div>
<div class = "col-md-6 text-left">
<!-- Content goes here -->
<h1>col2</h1>
<div id="jsGrid">
</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid.min.js"></script>
</body>
</html>
Что я уже пробовал:
Я пытаюсь написать html-страницу, которая добавляет значения из локального хранилища и показывает их на jsgrid(Легкий сеточный плагин jQuery - jsGrid[^]) включая сортировку . но я не могу этого сделать. сама сетка не отображается на веб-странице. может ли кто-нибудь помочь мне
это код который я пробовал может кто нибудь может пожалуйста сказать мне как добавить к нему код jsgrid чтобы принять значение из локального хранилища и показать его после сортировки
Sergey Alexandrovich Kryukov
В следующий раз, пожалуйста, используйте pre element с атрибутом lang, в вашем случае lang="HTML" (он также охватывает XML).
Нажмите кнопку "улучшить вопрос", чтобы увидеть мое исправление форматирования. Это не будет работать для комментариев, поэтому напишите весь код в своем вопросе.
—СА