当前位置: 首页 > news >正文

珠海集团网站建设外包济南企业做网站

珠海集团网站建设外包,济南企业做网站,高安网站找工作做面点事,仿站是什么意思html实现在线表格编辑#xff0c;可以修改每个表格内容#xff0c;并且可以添加行和列 这个HTML页面模拟了一个类似Excel的表格#xff0c;可以添加和删除行和列#xff0c;并且可以编辑每个表格的内容。通过点击按钮可以添加新的行和列#xff0c;通过按钮可以删除最后一… html实现在线表格编辑可以修改每个表格内容并且可以添加行和列 这个HTML页面模拟了一个类似Excel的表格可以添加和删除行和列并且可以编辑每个表格的内容。通过点击按钮可以添加新的行和列通过按钮可以删除最后一行和最后一列。每个单元格都可以通过直接点击并编辑来修改内容。 实现代码  !DOCTYPE html html headmeta charsetUTF-8titleExcel-like Table/titlestyletable {border-collapse: collapse;table-layout: fixed;width: 100%;}th, td {border: 1px solid black;padding: 5px;text-align: center;}.addRow, .addColumn, .deleteRow, .deleteColumn {margin-bottom: 10px;}button {padding: 5px 10px;}/style /head body divbutton classaddRow onclickaddRow()添加行/buttonbutton classaddColumn onclickaddColumn()添加列/buttonbutton classdeleteRow onclickdeleteRow()删除行/buttonbutton classdeleteColumn onclickdeleteColumn()删除列/buttonbutton classsaveData onclicksaveData()保存数据/button /div table idexcelTabletheadtrth contenteditabletrue/thth contenteditabletrueA/thth contenteditabletrueB/thth contenteditabletrueC/thth contenteditabletrueD/th/tr/theadtbodytrth contenteditabletrue1/thtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/td/trtrth contenteditabletrue2/thtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/td/trtrth contenteditabletrue3/thtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/td/trtrth contenteditabletrue4/thtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/tdtd contenteditabletrue/td/tr/tbody /table script srchttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js/script scriptfunction addRow() {var table document.getElementById(excelTable);var row table.insertRow(-1);var rowIndex table.rows.length - 2;var cell0 row.insertCell(0);cell0.innerHTML rowIndex;cell0.contentEditable true;for (var i 1; i table.rows[1].cells.length; i) {var cell row.insertCell(i);cell.contentEditable true;}}function addColumn() {var table document.getElementById(excelTable);for (var i 0; i table.rows.length; i) {var cell table.rows[i].insertCell(-1);cell.contentEditable true;if (i 0) {var columnIndex table.rows[i].cells.length - 2;cell.innerHTML String.fromCharCode(65 columnIndex);cell.contentEditable true;}}}function deleteRow() {var table document.getElementById(excelTable);if (table.rows.length 2) {table.deleteRow(-1);}}function deleteColumn() {var table document.getElementById(excelTable);if (table.rows[0].cells.length 2) {for (var i 0; i table.rows.length; i) {table.rows[i].deleteCell(-1);}}}function saveData() {var tableData [];var table document.getElementById(excelTable);var tableHeaders [];for (var i 0; i table.rows[0].cells.length; i) {tableHeaders.push(table.rows[0].cells[i].innerHTML);}tableData.push(tableHeaders);for (var i 1; i table.rows.length; i) {var rowData [];for (var j 0; j table.rows[i].cells.length; j) {rowData.push(table.rows[i].cells[j].innerHTML);}tableData.push(rowData);}$.ajax({url: test5.php,type: POST,data: { tableData: JSON.stringify(tableData) },success: function(response) {alert(Data saved successfully!);}});} /script /body /html 使用ajax请求将这个数组传递给名为.php的文件进行处理。 注意你需要自己创建一个.php文件并在其中编写相应的程序来保存数据。
http://www.sadfv.cn/news/283633/

相关文章:

  • 网站如何做微信推广地产网站互动设计
  • 成都网站设计平台有没有手机网站推荐
  • 网站服务器组建公司网站ICP注销
  • 门户网站建设策划网站建设国外
  • 网站设计工作室做广个公司网站权重
  • 建设大型的企业网站费用做reference的网站
  • 电脑网站开发手机微网站尺寸
  • 简单的购物网站怎么做网站标题长度
  • 旅游网站建设的费用明细济南建设企业网站
  • 现在网站开发哪个语言好网站运营与管理期末考试
  • 外贸跨境电商平台有哪些泰州seo网络公司
  • 网站的形式有哪些网站平台建设实施方案
  • sharepoint做网站土木特网站建设
  • 哈尔滨市建设工程交易中心网站qq推广引流网站
  • 商城网站开发实施方案全网获客营销系统
  • 晋城网站建设费用网站开发怎么连接sqlserver
  • 什么建设网站重庆优化seo
  • 建网站必备软件某品牌休闲零食网站建设规划书
  • 免费做网站怎么做网站吗2智能营销云
  • 需要做个网站站长之家新网址
  • 网络公司要求做网站工商网监wordpress商城插件收费
  • nas 做网站橱柜衣柜做网站
  • 网站开发的ui设计泰安seo培训
  • 网站建设应该注意哪些原则微小店网站建设价格
  • 淘宝客网站免费做wordpress 注册方式
  • 福田网站 建设seo信科网页制作的概念
  • 潍坊 专业网站建设所有的购物平台大全
  • 网页价格深圳seo网站推广方案
  • win8怎么建设网站谷歌网站推广公司
  • 怎么做企业网站推广的方法赣州seo推广