Здравствуй Андрей!
Похоже после версии 3.3.2.6 "отвалился"
flow: table-row; (см. картинку: средняя колонка "разъехалась").
Или я что-то не так делаю?
з.ы. Пример кода под картинкой.
Можно также открыть пример из поставки:
samples\forms\select-list-table.htm
Эффект аналогичный.
Заранее спасибо,
Николай
| Code |
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body
{
font: system;
padding: 0px;
margin: 0px;
}
select
{
display: block;
flow: table;
height: *;
width: *;
//overflow-x: auto;
overflow:auto;
scroll-manner-y: scroll-manner(
page-animation:false,
step-animation:false,
home-animation:false,
wheel-animation:false);
}
select > option { flow: table-row; }
select > option td { padding-left: 0.25em; padding-right: 0.25em; vertical-align: top; }
//select > option > td:nth-child(5)
.p3
{
width: *;
/*
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*/
}
//select > option:current td:last-child { background: green; }
</style>
<script type="text/tiscript">
var log_list = $(#log);
function addItem(title, msg)
{
if (!log_list) return;
var template_item = $(#template_item);
if (!template_item)
return;
var d = new Date();
var el = template_item.clone();
el.@#id = null;
log_list.appendNode(el);
var t1= el.$(.p1);
t1.@#id = null; t1.text = d.toLocaleString();
var t2= el.$(.p2);
t2.@#id = null; t2.text = title;
var t3= el.$(.p3);
t3.@#id = null; t3.text = msg;
log_list.last.scrollToView(false, false);
}
function copy_all()
{
var log_list = $(#log);
if (!log_list) return;
}
function clear_all()
{
var log_list = $(#log);
if (!log_list) return;
log_list.clear();
}
function self.ready() {
addItem("title1 sdsd sd ", "Text 1 Text 1 Text 1");
addItem("title2", "Text 2 Text 2 Text 2 Text 2");
addItem("Nikeware", "Text 1 Text 1 Text 1");
}
</script>
</head>
<body>
<div style="display:none;">
<option #template_item>
<td .p1></td>
<td .s1>|</td>
<td .p2></td>
<td .s2>|</td>
<td .p3></td>
</option>
</div>
<select|list #log>
</select>
</body>
</html>
|
| |