After a while, I got it done with the help of my colleagues.
Set
1. Table width
2. Set the TD width of Col
3. Set
The space occupied by the col element is the space required for displaying the content. The width attribute is used to set the predefined width for the col element.
Class = "grid"Border = "1" width = "100%">
width="100"/>
width="50"/>
Common text truncation (applicable to inline and block ):
. Text-overflow {
= A section
Float: Left; margin-left: 20px; position: absolute; -- the screen is scaled. the scroll bar white-space: nowrap at the bottom; -- no line feed width: 800px; overflow-X: Scroll; -- The content exceeds the DIV margin, and the X axis displays the DIV scroll bar Height: 700px; overflow-Y: Scroll; -- the content exceeds the DIV margin, and the Y axis displays the DIV scroll bar -- fixed position: Position: fixed;
Div \ table \ tr \ th \ TD display conte
In IE6 and IE7, if you want to hide a column in a table, you can set a style = "display: none" in col,CodeAs follows:
However, some versions of IE8 are not supported, and ie9 is also not supported. For more information, see the following section.Article:
He1004: IE8 (s) Firefox Chrome Safari Not Supported Col And Colgroup Partial attributes of an element and CSS Features Http://www.w3help.org/zh-cn/causes/HE1004
The following table compares the elements supported by Col in differ
Fruit database modification:
The topic list must change with the result type.
After you query data on the Internet, start the operation. In the result type drop-down box, add the change () event to trigger Dwr and query the topic set-dynamically create/edit a Table.
The Code is as follows:
JS
Copy codeThe Code is as follows: // Dynamically Retrieve topic data
Function getzts (){
ParentId = document. getElementById ("bselect1"). value;
If (parentId! = ""){
DwrMethod. getZtList (parentId, callbac
This problem is inevitable during the development process. We usually use the table element to quickly implement a large number of data entries. If a TD has too much content, the following situations may occur, leading to unsightly style disorder.SolutionTo fix the table width, we can set the table-layout: fixed; style for the table element. However, the table width problem is solved, but the content in the table is not automatically wrapped. We also
Just as the title says how to merge the same content of the TD of Table, here is a detailed introduction to use JS is how to do, interested friends do not miss The code is as follows: function HB () {nbsp; var tab = document.getElementById ("subtable");nbsp; var maxcol = 3, Val, Count, start;nbsp; var ys= "" ";nbsp; for (var col = maxCol-1; col gt;= 0; col--) {nbsp; count = 1;nbsp; val =" ";nbsp; for (var i=0; i; 1) {nbsp;//merge nbsp; start = i-cou
Reference http://www.cnblogs.com/lekko/archive/2013/04/30/3051638.htmlhttp://www.zhangxinxu.com/wordpress/?p=4105Focus only on the CSS properties that implement its effect, ignoring browser compatibility.table{table-layout:fixed;}. Autocut{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}. Autocut:hover{overflow:visible;white-space:normal;word-wrap:break-word;}Take a look at the properties that achieve the effect:table-layout:fixed;Keep the table layout fixed, that is, the
The looks like this:
The above is a small set for everyone JS will table the content of each TD automatically assigned to its title property of the method of all content, I hope that we support cloud-Habitat Community ~
The example in this article describes the method for obtaining all data in a row of TD in the table after JS has checked the checkbox. Share to everyone for your reference. The implementation method is as follows:
The wants this article to help you with your JavaScript programming.
Results Library Modifications:
Require a list of topics to change with the result type change
Online query data start, in the Result type dropdown box add change () event trigger DWR, Query topic Collection--Create/Edit table dynamically
The outline code is as follows:
Js
Copy Code code as follows:
Dynamically get Topic data
function Getzts () {
ParentID = document.getElementById ("Bselect1"). Value;
if (parentid!= "") {
Dwrmethod.getztlist (PARENTID,CALLBACK5);
}else{
Clear th
Today, someone in the group suddenly asked me $ ("#MainContent_GridView1"). Closest ("tr"). Children ("Td:eq (1)"). Text () This statement does not find a value. I asked him to take a tr below eq (1) of TD's text or all. He said all the .... Then sure to cycle all of the TR, and then from which to find TD ...
Here I write a simple blog to help friends who still don't know how to use the jquery selector.
I simulate a table out, to give you a referenc
since most Chinese fans can only watch live videos at home late at night, this advice does not need to be transferred to Chinese fans if you are at most with your friends.
It is valid for Firefox, chrome, and IE8. table-layout: fixed must be set
Trademark Name
Shang
Registration number/Application number
9326603
International Classification Number
14
Application Date
2011/4/12
How to getIn the content, thank you, can you put out the source code!!
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.