Response title
This is preview!
jQuery UI resizeable() not working in mozilla firefox 12 and safari?
in Using jQuery UI
•
11 years ago
This is the code i used for a resizeable table.It works in all browser except the ones mentioned in questions. Plz help urgent
<html>
<head>
<title>HTML Table Resizeable</title>
<script src="js1/jquery-1.7.2.min.js"></script>
<script src="js1/jquery-ui-1.8.20.custom.min.js"></script>
<link rel="stylesheet" href="js1/jquery-ui-1.8.20.custom.css" type="text/css" />
<style type="text/css">
td,.desc,.header
{
border:1px solid black;
}
.desc
{
padding:0px 21px 0px 21px;
}
.header
{
padding:0px 21px 0px 0px;
}
#sample1,#sample2
{
border-collapse:collapse;
}
#sample2 td,#sample1 td
{
text-align:center;
}
</style>
<script>
$(function() {
$("#sample1 .header").resizable({
alsoResize: "#sample2 .desc,#sample1 .header",
handles: 'e'
});
$("#sample2 .desc").resizable({
alsoResize: "#sample2 .desc,#sample1 .header",
handles: 'e'
});
});
</script>
</head>
<body>
<table id="sample1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="header">header</td><td class="header">header</td>
</tr>
</table>
<table id="sample2" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="desc">cell</td>
<td class="desc">cell</td>
</tr>
<tr>
<td class="desc">cell</td>
<td class="desc">cell</td>
</tr>
<tr>
<td class="desc">cell</td>
<td class="desc">cell</td>
</tr>
</table>
</body>
</html>
1