本文整理匯總了TypeScript中@soil/dom.h.th方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript h.th方法的具體用法？TypeScript h.th怎麽用？TypeScript h.th使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@soil/dom.h的用法示例。
在下文中一共展示了h.th方法的1個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: removeModal
.then((data: FoodDetails) => {
const details = h.dl({}, [
h.dt({}, ['Food group']),
h.dd({}, [data.fdgrp_desc]),
h.dt({}, ['Common name']),
h.dd({}, [data.long_desc + (data.comname ? ` (${data.comname})` : '')]),
h.dt({}, ['Scientific name']),
h.dd({}, [data.sciname || nbsp]),
h.dt({}, ['Inedible']),
h.dd({}, [(data.refuse || 0) + '%']),
h.dt({}, ['Inedible parts']),
h.dd({}, [data.ref_desc || nbsp]),
h.dt({}, ['Manufacturer']),
h.dd({}, [data.manufacname || nbsp])
])
const nutrition = h.table({}, [
h.thead({}, [
h.tr({}, [
h.th({}, ['Nutrient']),
h.th({}, ['Value']),
h.th({}, ['Minimum']),
h.th({}, ['Maximum']),
h.th({}, [
h.abbr({title: 'Added for fortification or enrichment'}, ['Added'])
])
]),
]),
h.tbody({}, data.nutrition.map(nut => h.tr({}, [
h.td({}, [nut.nutrdesc]),
h.td({}, [nut.nutr_val + ' ' + nut.units]),
h.td({}, [nut.min + ' ' + nut.units]),
h.td({}, [nut.max + ' ' + nut.units]),
h.td({}, [nut.add_nutr_mark ? 'Yes' : 'No'])
])))
])
const sources = h.table({style: {marginBottom: '20px'}}, [
h.thead({}, [
h.tr({}, [
h.th({}, ['Title']),
h.th({}, ['Authors']),
h.th({}, ['Journal']),
h.th({}, ['Year'])
]),
]),
h.tbody({}, data.sources.map(src => h.tr({}, [
h.td({}, [src.title]),
h.td({}, [src.authors]),
h.td({}, [src.journal]),
h.td({}, [src.year])
])))
])
const modal = h.div({className: 'overlay', onclick: () => removeModal()}, [
h.div({className: 'padded modal', onclick: evt => evt.stopPropagation()}, [
h.h2({}, ['Details']),
details,
h.div({style: {clear: 'both'}}),
h.h2({}, ['Nutrition facts']),
nutrition,
h.h2({}, ['Sources']),
sources
])
])
document.body.appendChild(modal)
window.addEventListener('keydown', handleEscape)
function handleEscape(evt: KeyboardEvent) {
if (evt.key === 'Escape') {
removeModal()
}
}
function removeModal() {
modal.remove()
window.removeEventListener('keydown', handleEscape)
}
})