反应:为表列标题提供工具提示

时间:2019-12-16 14:46:09

标签: reactjs html-table hover tooltip columnheader

我是React的新手。

如何将工具提示添加到表中的某些列标题?

到目前为止我发现/尝试过的内容:

int i = 0;
private void TimerLoadingMessages_Tick(object sender, EventArgs e)
{
   pictureBoxLoadingMsg.Image = Properties.Resources.loading + i; 
   // should result in loading1 on the first tick, loading2 on the second tick and so on
   i++;
}

结果是:

first trial

但是问题在于“我的特殊专栏”现在看起来与其他专栏完全不同,因为我引入了Button。但是,如果没有它,我将无法解决。

如何获取具有默认标题样式的<th><HeaderSpecialColumn /></th> const HeaderSpecialColumn = () => ( <OverlayTrigger placement="right" delay={{ show: 250, hide: 400 }} overlay={<Tooltip {...props}>this will be the explanation for the column</Tooltip>} > <Button variant="info" size="sm">My special column</Button> </OverlayTrigger> ); 对象的工具提示?

P.S。设置工具提示<th></th>始终会覆盖标题,而不会将其放置在上方。

0 个答案:

没有答案