Podría ser una cosa así (no he hecho el modificar):
Código PHP:
<table border="1" id="tabla">
<tr>
<td>Curso</td><td>Asignatura</td><td>Convocatoria</td><td>Nota</td><td>Nº Créditos</td>
</tr>
<tr>
<td>2</td><td>Programación II</td><td>3</td><td>7</td><td>7.5</td>
</tr>
<tr>
<td>1</td><td>A</td><td>3</td><td>7</td><td>4</td>
</tr>
<tr>
<td>2</td><td>X</td><td>3</td><td>5</td><td>7.5</td>
</tr>
<tr>
<td>1</td><td>Y</td><td>3</td><td>1</td><td>7.0</td>
</tr>
<tr>
<td>2</td><td>O</td><td>3</td><td>NP</td><td>3</td>
</tr>
</table>
<table>
<tr>
<td><input type=button value="Añadir" onclick="anadir()"></td>
<td><input type=button value="Borrar" onclick="eliminar()"></td>
<td><input type=button value="Modificar"></td>
</tr>
</table>
<script type="text/javascript">
var seleccionado=null; //contiene la fila seleccionada
function onclickHandler() {
if(seleccionado==this) {
this.style.backgroundColor="transparent";
seleccionado=null;
}
else {
if(seleccionado!=null)
seleccionado.style.backgroundColor="transparent";
this.style.backgroundColor="#e0b";
seleccionado=this;
}
}
var filas=document.getElementById("tabla").getElementsByTagName("tr");
for(var i=0; i<filas.length; i++) {
filas[i].onclick=onclickHandler;
}
function anadir() {
var tr=document.createElement("TR");
var celdas=["Curso","Asignatura","Convocatoria","Nota","Número Créditos"];
for( var i in celdas ) {
var td=document.createElement("TD");
var txt=document.createTextNode( window.prompt(celdas[i],"a") );
td.appendChild(txt);
tr.appendChild(td);
}
tr.onclick=onclickHandler;
document.getElementById("tabla").appendChild(tr);
}
function eliminar() {
if(seleccionado==null) return alert("Seleccione una fila haciendo click sobre ella");
seleccionado.parentNode.removeChild(seleccionado);
}
</script>
A ver si te gusta.
Saludos.