日: 2023年2月14日

Notepad++ SSHでリモートのファイルを編集

投稿日: 投稿者:


ここで教えて頂きました。

1 プロファイルを追加

 

 

 

 

 

 

 

 

2 追加後のリスト

 

 

 

3 変更したいファイルに書き込み権限を付与

[root@xxxxxx]# chmod 666 *.php
[root@xxxxxx]# ls -l
total 40
-rw-rw-rw- 1 root root 5252 Feb  5 12:56 ___________.php
-rw-rw-rw- 1 root root 1167 Jan 27 10:26 _____________.php
-rw-rw-rw- 1 root root 2018 Feb 14 12:13 ______________.php

Tabulator セルのマウスオーバーで文字を反転表示

投稿日: 投稿者:

 

 

 

マウスが乗ったセルを反転させて強調表示させるため、組込みの関数を探してみましたが、ないようなので、StackOverFlowの投稿を参考にして、cellのformatterでエレメントにCSSのクラスを追加したり削除したりさせてみました。

< コード例 >
CSS


  /* tabulator セル文字反転用 */
  .text_reverse {
    color: white;
    background-color: black;
    
  }

Javascript


    // Airport name //
    {title: 'Name', field: 'nmAirport', width: 180,
      formatter: function (cell, formatterParams, onRendered) {

        // 反転させて強調 //
        const cellelm = cell.getElement()
        $(cellelm).on("mouseover", function (e) {
          $(this).addClass("text_reverse")

        })
        $(cellelm).on("mouseout", function (e) {
          $(this).removeClass("text_reverse")
        })
        return cell.getData().nmAirport

      }

    },

< 画面例 >

 

 

 

 

 

画像には枠をつけてみました。

 

 

 

 

 



  /* tabulator 画像セル背景反転用 */
  .imgback_reverse {
    background-color: #B8E2E6;
    border: 1px solid #00a0a0;
  }