DWR Gerando um Grid onde cada linha tenha um link Editar e Excluir

Assuntos Gerais
#1

Tenho uma tabela que é preencha com dados de uma Lista, gostaria que em cada linha dessa tabela tivesse dois links “Editar” e “Excluir”, mas ao invés de mostrar os links ele mostra o HTML dentro da celula. Isso tambem acontace no exemplo que está no site do DWR ( http://getahead.org/dwr/browser/tables )

function montaGridPF(list){
	cleanAddRows("GridPF");
	var cellFuncs = [
		function(data) { return "<a href='#' onclick='javascript:carregaPF(" 
						 + data.id + ");'>[editar]</a>"; },
		function(data) { return data.nome; },
		function(data) { return data.cpf; },
		function(data) { return data.cargo; }
	];
	DWRUtil.addRows( "GridPF", list, cellFuncs, {
		rowCreator:function(options) {
		var row = document.createElement("tr");
		row.bgColor = "#efefef";
			if(validaBrowser()){
				//row.attachEvent("onclick", function(e){setColor(row)});
				row.attachEvent("onclick", function(e){carregaPF()});
				row.attachEvent("ondblclick", function(e){apagaLinha(row)});
			}else{
				//row.addEventListener("click", function(e){setColor(row)}, false);
				//row.addEventListener("click", function(e){carregaPF()}, false);
				row.addEventListener("dblclick", function(e){apagaLinha(row)},true);
			}
		return row;
		},
		cellCreator:function(options) {
			var td = document.createElement("td");
			td.align = "center";
			return td;
		}
	});
}
<fieldset class="borda_fieldsetForm">
<legend class="texto_tituloForm">&nbsp; Pessoa Física &nbsp;</legend>
<table width="100%" border="0" cellspacing="1" bgcolor="#FFFFFF">
<tr bgcolor="E3E3E3" class="titulo_tabela">
	<th>&nbsp;</th>
	<th>&nbsp;</th>
	<th>Nome</th>
	<th>CPF</th>
	<th>Cargo</th>
</tr>
<tbody id="GridPF" bgcolor="#EFEFEF" class="texto_tabela">
</tbody>
</table>
</fieldset>
#2