简体繁体 English

具有可写单元格的HTML表？

[英]HTML table with writable cells?

原文 2010-10-28 14:27:05 3 3 python/ html-table/ nested-lists

I've been trying to build a simple GAE app and to be able to manipulate the position of the text on the screen. 我一直在尝试构建一个简单的GAE应用程序，并能够操纵文本在屏幕上的位置。 I asked the same question on several forums; 我在几个论坛上都问过同样的问题。 so far with no solution. 到目前为止，没有解决方案。 I apologize if my question has not been clear. 如果我的问题不清楚，我深表歉意。

Now I thought of achieving the same functionality with a grid, like a spreadsheet. 现在，我想到了使用网格（如电子表格）实现相同的功能。 Do you know how I can simulate a spreadsheet-like table in GAE? 您知道我如何在GAE中模拟类似于电子表格的表格吗？ Or an html table where you can enter a string in each cell? 还是可以在每个单元格中输入字符串的html表？

I feel like I am trying to re-invent the wheel. 我觉得我想重新发明轮子。 There must be a simple way to achieve this functionality. 必须有一种简单的方法来实现此功能。 I would appreciate any suggestions. 我将不胜感激任何建议。

Here are the links to previous questions: 以下是先前问题的链接：

Stackoverflow 堆栈溢出

comp.lang.python comp.lang.python

Hacker News 黑客新闻

Thank you! 谢谢！

3 个解决方案

There is a jquery plugin called UI Table Edit . 有一个名为UI Table Edit的jquery插件。 That may be a good place to start. 那可能是一个很好的起点。 Dig around for already implemented grid tools or plugins in javascript that have done most of the work for you. 挖掘已实现的网格工具或javascript中的插件，这些工具或插件已为您完成了大部分工作。 I think Yahoo! 我认为Yahoo! has released a nice data grid that allows for editing as well. 发布了一个不错的数据网格，它也可以进行编辑。

What you are looking for is a data grid -- if you're fine with a client-side solution, and you're up for using jQuery then you might try DataTables . 您正在寻找的是数据网格-如果您适合使用客户端解决方案，并且可以使用jQuery，则可以尝试使用DataTables 。 Here is an example of datatables with a pair of plugins to simulate a spreadsheet. 这是带有一对用于模拟电子表格的插件的数据表示例。

AbsolutePanel and LayoutPanel are part of GWT and allow you to place any element at arbitrary x- and y-coordinates. AbsolutePanel和LayoutPanel是GWT的一部分，允许您将任意元素放置在任意x和y坐标处。 I recommend some client-side solution like GWT for any serious application where javascript will be available. 对于任何可以使用javascript的严肃应用程序，我建议使用一些客户端解决方案，例如GWT。

If you want to solve this with just GAE and no code on the client side, you could use CSS positioning to achieve your effect. 如果您只想通过GAE来解决此问题，而无需在客户端使用任何代码，则可以使用CSS定位来达到目的。 Just generate a top: and left: attribute with position:fixed and you can cause the text to appear anywhere. 只需生成一个position：fixed的top：和left：属性，就可以使文本出现在任何地方。

I'm not sure what you mean by "manipulate the position of text," but I don't think a table will be a good solution if you want pixel-level control. 我不确定“操纵文本的位置”是什么意思，但是如果您要进行像素级控制，我认为表格不是一个好的解决方案。