Ein Browser ist eigentlich keine Tabellenkalkulations-Emulation ; - ) Ich hab dir aber einmal eine Art Grundgerüst gebastelt, das sicher ausbaufähig ist. Beim MouseMove wird einfach ggf. die Breite neu ermittelt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="Test">
<meta name="keywords" content="Test">
<meta name="author" content="mithrandir">
<meta name="publisher" content="mithrandir">
<meta name="generator" content="EditPlus">
<meta name="content-language" content="de">
<style type="text/css">
.splitter { background-color: #FF00FF; width: 2px; height: 100%; }
</style>
<script type="text/javascript">
var stat = 0;
var elem = null;
var posX = 0;
function handleMouseDown( elementId )
{
stat = 1;
elem = document.getElementById( elementId );
posX = 0;
}
function handleMouseUp()
{
stat = 0;
elem = null;
posX = 0;
}
function handleMouseMove( event )
{
try
{
if ( stat == 1 )
{
if ( posX != 0 )
{
var array = elem.style.width.split( "px" );
var elemWidth = array[0] - 0;
if ( posX > event.pageX )
{
elemWidth-=(posX-event.pageX);
posX = event.pageX;
}
else if ( event.pageX > posX )
{
elemWidth+=(event.pageX-posX);
posX = event.pageX;
}
elem.style.width = elemWidth+'px';
}
else
{
posX = event.pageX;
}
}
}
catch( error )
{
alert( error );
}
}
document.onmousemove = handleMouseMove;
document.onmouseup = handleMouseUp;
</script>
<title>Test</title>
</head>
<body>
<table border="0">
<th>
<td class="splitter" id="splitter1" rowspan="3"></td>
<td id="col1" style="width: 200px;">
A
</td>
<td class="splitter" id="splitter2" rowspan="3" onmousedown="handleMouseDown('col1');""></td>
<td id="col2" style="width: 200px;">
B
</td>
<td class="splitter" id="splitter3" rowspan="3" onmousedown="handleMouseDown('col2');"></td>
</th>
<tr>
<td>
1
</td>
<td>
Test A-1
</td>
<td>
Test B-1
</td>
</tr>
<tr>
<td>
2
</td>
<td>
Test A-2
</td>
<td>
Test B-2
</td>
</tr>
</table>
</body>
</html>
Getestet nur mit SeaMonkey v1.01, im IE gibt's noch Probleme.