jquery table filter verdwijnt bij minder dan 5 rows
Voor mijn configuratie management applicatie gebruik ik een jquery table filter, ik wil dit gebruiken om data die in de tabel staat te filteren.
Ik heb daarvoor dit http://sunnywalker.github.io/jQuery.FilterTable/ script gebruikt, het werkt perfect alleen verdwijnt de searchbox als ik minder dan 5 rows in mijn tabel heb? Als er een row bij komt (dus 5 of meer) komt de searchbox weer tevoorschijn?
Kan iemand mij vertellen hoe ik die searchbox permanent op mijn pagina kan krijgen?
Groeten,
Niels
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<?php
include_once 'config1.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>Configuratie Toevoegen</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function ConfirmDelete(){
var d = confirm('Weet je zeker dat je deze configuratie wilt verwijderen?');
if(d == false){
return false;
}
}
</script>
</script>
<script src="jquery.js"></script>
<script src="bindWithDelay.js"></script> <!-- optional -->
<script src="jquery.filtertable.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.filtertable.min.js"></script>
<script>
$(document).ready(function() {
$('table').filterTable(); // apply filterTable to all tables on this page
});
</script>z
</head>
<body>
<div class="wrapper">
<div class="content" >
<?php include 'header.php'; ?><br/>
<table class="pbtable">
<thead>
<tr>
<th>
PC Naam
</td>
<th>
Merk
</th>
<th>
Type
</th>
<th>
Serienummer
</th>
<th>
Operating System
</th>
<th>
IP Adres
</th>
<th>
Patchpunt
</th>
<th>
Serial Key
</th>
<th>
Gebruiker
</th>
<th></th><th></th>
</tr>
</thead>
<tbody>
<?php foreach($configuratie_lijst as $configuratie) : ?>
<tr>
<td>
<?php echo $configuratie["pc_naam"]; ?>
</td>
<td>
<?php echo $configuratie["merk"]; ?>
</td>
<td>
<?php echo $configuratie["type"]; ?>
</td>
<td>
<?php echo $configuratie["serienummer"]; ?>
</td>
<td>
<?php echo $configuratie["os"]; ?>
</td>
<td>
<?php echo $configuratie["ip_adres"]; ?>
</td>
<td>
<?php echo $configuratie["patchpunt"]; ?>
</td>
<td>
<?php echo $configuratie["serial_key"]; ?>
</td>
<td>
<?php echo $configuratie["gebruiker"]; ?>
</td>
<td>
<form method="post" action="config1.php">
<input type="hidden" name="ci"
value="<?php echo $configuratie["id"]; ?>" />
<input type="hidden" name="action" value="edit" />
<input type="submit" value="Edit" />
</form>
</td>
<td>
<form method="POST" action="config1.php"
onSubmit="return ConfirmDelete();">
<input type="hidden" name="ci"
value="<?php echo $configuratie["id"]; ?>" />
<input type="hidden" name="action" value="delete" />
<input type="submit" value="Delete" />
</form>
</td>
<tr>
<?php endforeach; ?>
</tbody>
</table><br/>
<a href="config2.php" class="link-btn">Configuratie Toevoegen</a>
</div>
</div>
<div id="links">
<div class="menu_simple">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="config1.php">Configuraties</a></li>
<li><a href="vlan1.php">VLAN's</a></li>
<li><a href="ip1.php">IP Beheer</a></li>
<li><a href="patch1.php">Patch Beheer</a></li>
<li><a href="user1.php">Gebruikersbeheer</a></li>
</ul>
</div>
</body>
</html>
include_once 'config1.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>Configuratie Toevoegen</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function ConfirmDelete(){
var d = confirm('Weet je zeker dat je deze configuratie wilt verwijderen?');
if(d == false){
return false;
}
}
</script>
</script>
<script src="jquery.js"></script>
<script src="bindWithDelay.js"></script> <!-- optional -->
<script src="jquery.filtertable.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.filtertable.min.js"></script>
<script>
$(document).ready(function() {
$('table').filterTable(); // apply filterTable to all tables on this page
});
</script>z
</head>
<body>
<div class="wrapper">
<div class="content" >
<?php include 'header.php'; ?><br/>
<table class="pbtable">
<thead>
<tr>
<th>
PC Naam
</td>
<th>
Merk
</th>
<th>
Type
</th>
<th>
Serienummer
</th>
<th>
Operating System
</th>
<th>
IP Adres
</th>
<th>
Patchpunt
</th>
<th>
Serial Key
</th>
<th>
Gebruiker
</th>
<th></th><th></th>
</tr>
</thead>
<tbody>
<?php foreach($configuratie_lijst as $configuratie) : ?>
<tr>
<td>
<?php echo $configuratie["pc_naam"]; ?>
</td>
<td>
<?php echo $configuratie["merk"]; ?>
</td>
<td>
<?php echo $configuratie["type"]; ?>
</td>
<td>
<?php echo $configuratie["serienummer"]; ?>
</td>
<td>
<?php echo $configuratie["os"]; ?>
</td>
<td>
<?php echo $configuratie["ip_adres"]; ?>
</td>
<td>
<?php echo $configuratie["patchpunt"]; ?>
</td>
<td>
<?php echo $configuratie["serial_key"]; ?>
</td>
<td>
<?php echo $configuratie["gebruiker"]; ?>
</td>
<td>
<form method="post" action="config1.php">
<input type="hidden" name="ci"
value="<?php echo $configuratie["id"]; ?>" />
<input type="hidden" name="action" value="edit" />
<input type="submit" value="Edit" />
</form>
</td>
<td>
<form method="POST" action="config1.php"
onSubmit="return ConfirmDelete();">
<input type="hidden" name="ci"
value="<?php echo $configuratie["id"]; ?>" />
<input type="hidden" name="action" value="delete" />
<input type="submit" value="Delete" />
</form>
</td>
<tr>
<?php endforeach; ?>
</tbody>
</table><br/>
<a href="config2.php" class="link-btn">Configuratie Toevoegen</a>
</div>
</div>
<div id="links">
<div class="menu_simple">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="config1.php">Configuraties</a></li>
<li><a href="vlan1.php">VLAN's</a></li>
<li><a href="ip1.php">IP Beheer</a></li>
<li><a href="patch1.php">Patch Beheer</a></li>
<li><a href="user1.php">Gebruikersbeheer</a></li>
</ul>
</div>
</body>
</html>
- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Toevoeging op 28/04/2015 12:38:21:
Dat wist ik nog niet, bedankt!
Gewijzigd op 28/04/2015 12:34:38 door - Ariën -